I have developed a webpage which has links that correspond to div
tags.When I open up the page in IE, the links show up properly and
works fine , but in Netscape ,I'am not able to see those links.
Here is the source code for the HTML page and the CSS..
*********************START
HTML**********************
**********
********
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>This is a test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="test.css" psx-href="$toolkitcss/dnb.
css" rel="stylesheet" type="text/css">
<script language="JavaScript1.2">
// QueryString
function QueryString(key)
{
var value = null;
for (var i=0;i<QueryString.keys.len
gth;i++)
{
if (QueryString.keys[i]==key)
{
value = QueryString.values[i];
break;
}
}
return value;
}
QueryString.keys = new Array();
QueryString.values = new Array();
function QueryString_Parse()
{
var query = window.location.search.sub
string(1);
var pairs = query.split("&");
for (var i=0;i<pairs.length;i++)
{
var pos = pairs[i].indexOf('=');
if (pos >= 0)
{
var argname = pairs[i].substring(0,pos);
var value = pairs[i].substring(pos+1);
QueryString.keys[QueryStri
ng.keys.le
ngth] = argname;
QueryString.values[QuerySt
ring.value
s.length] = value;
}
}
}
QueryString_Parse();
function on_load(Divt1,Divt2,Divt3)
{
if (QueryString("stat_link") == null)
{
document.getElementById(Di
vt1).style
.visibilit
y="visible
";
}
else
{
if (QueryString("stat_link")=
=1)
{
document.getElementById(Di
vt1).style
.visibilit
y="visible
";
}
if (QueryString("stat_link")=
=2)
{
document.getElementById(Di
vt2).style
.visibilit
y="visible
";
}
if (QueryString("stat_link")=
=3)
{
document.getElementById(Di
vt3).style
.visibilit
y="visible
";
}
}
}
</script>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="on_load('div1','di
v2','div3'
)" >
<table width="100%" height="75" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffcc00">
<tr>
<td width="137" bgcolor="#ffcc00"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><IMG height=5
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=5 border=0></td>
<td><IMG height=5
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=125
border=0></td>
<td><IMG height=5
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=5 border=0></td>
</tr>
<tr>
<td><IMG height=50
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=5 border=0></td>
<td><div align="center"><A target=_top
href="
http://www.test.com"
><IMG height=50
alt=test
src="logo_50x50.gif" psx-src="$toolkitimages/lo
go_50x50.g
if"
width=50 border=0 sys_contentid="570"
sys_variantid="353"></A></
div></td>
<td><IMG height=50
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=5 border=0></td>
</tr>
<tr>
<td> </td>
<td height="5"><IMG height=10
alt="Decide"
src="tagline_ffcc00_125x10
.gif" psx-src="$toolkitimages/ta
gline_ffcc
00_125x10.
gif"
width=125 border=0></td>
<td> </td>
</tr>
<tr>
<td><IMG height=5
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=5 border=0></td>
<td><IMG height=5
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=125
border=0></td>
<td><IMG height=5
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=5 border=0></td>
</tr>
</table></td>
<td width="20" class="headnav"><IMG height=80
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=24 border=0></td>
<td class="headnav"><h1 class=headnav>Test Site<br>
<IMG height=1 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=419 border=0> </h1></td>
<td width="125" class="headnav" nowrap > <ul>
<li class="headnav">
<div align="left"><a target=_top
href="
http://www.test.com"
class="headnav">Test Home</a></div>
<li class="headnav"><a href="#" class="headnav">Contact
Us</a>
<li class="headnav"><a href="#" class="headnav">test.com</
a></li>
</ul></td>
<td width="75" bgcolor="#000066"><IMG height=75
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=75 border=0></td>
<td width="75" valign="bottom" nowrap >
<script>
rand=Math.floor(4*Math.ran
dom())
var headerImage = ["1" , "2", "3" , "4"];
document.write('<img src="images/head-image-'+h
eaderImage
[rand]+'.j
pg" width="107" height="80" >');
</script></td>
</tr>
</table>
<TABLE width="100%" border=0 cellPadding=0 cellSpacing=0>
<TBODY>
<TR class=segmentnav>
<TD width=150 nowrap class=segmentnav height=20><IMG height=20
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=170
border =0 0></TD>
<TD nowrap class=segmentnav ><A class=segmentnav href="online.htm?stat_link
=1">What it
is?</A><IMG height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif"
width=160 border=0></TD>
<TD nowrap class=segmentnav ><A class=segmentnav href="online.htm?stat_link
=2">Tools for Developers</A><IMG height=2
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=170 border=0></TD>
<TD nowrap class=segmentnav><A class=segmentnav href="online.htm?stat_link
=3">Downlo
ads</a>
<IMG height=2
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=170 border=0></TD>
<TD nowrap class=segmentnav><IMG height=2
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=90
border=0></TD>
</TR>
</TBODY>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0 height="29" class="sectionable">
<TR>
<td width="100%">
<div id="div1" valign="top" style="visibility:hidden; position:absolute; left: -6px; top: 102px; width:1018">
<TABLE width="100%" border=0 cellPadding=0 cellSpacing=0 class="sectiontable">
<TBODY>
<TR>
<TD width="300" nowrap class="sectiontable"><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=52 border=0></TD>
<TD width="6" nowrap class="sectiontable"> 
;</TD>
<TD align=left nowrap><IMG height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=440
border=0></TD>
<TD align=left nowrap><IMG height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=440
border=0></TD>
</TR>
<TR>
<TD width="245" nowrap class="sectiontable">
<div align="right"><IMG height=10
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=152 border=0><IMG height=8
src="images/Arrow.gif" psx-src="$toolkitimages/Ar
row.gif" width=7 border=0>
What it is?</div></TD>
<TD nowrap class="sectiontable"> 
;</TD>
<TD align=left nowrap><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width="100%" border=0></td>
<td width="7%" nowrap><A class=sectiontable href="DIT.htm"> What is
Test? </a></td>
<td nowrap> </td>
<td width="20%" nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width="100%" border=0></td>
<td width="7%" nowrap><A class=sectiontable href="#">Sample Products
</a></td>
<td nowrap> </td>
</tr>
</table></TD>
</TR>
</TBODY>
</TABLE>
</div>
</td>
<td width="100%">
<div id="div2" valign="top" style="visibility:hidden; position:absolute; left: -6px; top: 102px; width:1018">
<table width="100%" border=0 cellpadding=0 cellspacing=0 class="sectiontable">
<tbody>
<tr>
<td width="300" nowrap class="sectiontable"><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=52 border=0></td>
<td width="6" nowrap class="sectiontable"> 
;</td>
<td align=left nowrap><img height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=440
border=0></td>
<td align=left nowrap><img height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=440
border=0></td>
<td align=left nowrap><img height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=440
border=0></td>
<td align=left nowrap><img height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=440
border=0></td>
<td align=left nowrap><img height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=440
border=0></td>
<td align=left nowrap><img height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=440
border=0></td>
</tr>
<tr>
<td width="298" nowrap class="sectiontable"> <div align="right"><img height=10
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=152 border=0><img height=8
src="images/Arrow.gif" psx-src="$toolkitimages/Ar
row.gif" width=7 border=0>
Tools For Developers</div></td>
<td nowrap class="sectiontable"> 
;</td>
<td align=left nowrap><table width="118%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2%" nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width="100%" border=0></td>
<td width="11%" nowrap><a class=sectiontable href="#">Overview</a></td>
<td width="0%" nowrap> </td>
<td width="3%" nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width="100%" border=0></td>
<td width="5%" nowrap><a class=sectiontable href="#">XML</a></td>
<td width="0%" nowrap> </td>
<td width="6%" nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width="100%" border=0></td>
<td width="8%" nowrap><a class=sectiontable href="#">COM</a></td>
<td width="0%" nowrap> </td>
<td width="4%" nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width="100%" border=0></td>
<td width="11%" nowrap><a class=sectiontable href="#">JAVA</a></td>
<td width="0%" nowrap> </td>
<td width="3%" nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width="100%" border=0></td>
<td width="27%" nowrap><a class=sectiontable href="#">Information</a></
td>
<td width="0%" nowrap> </td>
<td width="2%" nowrap><img height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width="100%" border=0></td>
<td width="19%" nowrap><a class=sectiontable href="#">FAQ's</a></td>
<td width="1%" nowrap> </td>
</tr>
</table></td>
</tr>
</tbody>
</table>
</div></td>
<td width="100%">
<div id="div3" valign="top" style="visibility:hidden; position:absolute; left: -6px; top: 102px; width:1018">
<TABLE width="100%" border=0 cellPadding=0 cellSpacing=0 class="sectiontable">
<TBODY>
<TR>
<TD width="300" nowrap class="sectiontable"><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=52 border=0></TD>
<TD width="6" nowrap class="sectiontable"> 
;</TD>
<TD align=left nowrap><IMG height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=440
border=0></TD>
<TD align=left nowrap><IMG height=8 src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=440
border=0></TD>
</TR>
<TR>
<TD width="250" nowrap class="sectiontable">
<div align="right"><IMG height=10
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=152 border=0><IMG height=8
src="images/Arrow.gif" psx-src="$toolkitimages/Ar
row.gif" width=7 border=0>
Downloads</div></TD>
<TD nowrap class="sectiontable"> 
;</TD>
<TD align=left nowrap><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20%" nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width="100%" border=0></td>
<td width="7%" nowrap><A class=sectiontable href="#">Software</a></td>
<td nowrap> </td>
<td width="20%" nowrap><IMG height=8
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width="100%" border=0></td>
<td width="7%" nowrap><A class=sectiontable href="#">Documentation</a>
</td>
<td nowrap> </td>
</tr>
</table></TD>
</TR>
</TBODY>
</TABLE>
</div>
</td>
</TR>
</TABLE>
<table width="100%" height="78%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="152" valign="top" class="sectiontable"> <table width="152" border="0" cellpadding="4" cellspacing="1" bgcolor="#000066" class="linknav">
<tr valign="top">
<td><IMG height=1
src="images/spacer.gif" psx-src="$toolkitimages/sp
acer.gif" width=152
border =0 0></td>
</tr>
<tr valign="top">
<td class="linknav"> <ul class="linknav">
<li class="linknav"><A class=linknav href="#">Site Map</a>
<li class="linknav"><A class=linknav href="initial.html">Site Search</a></li>
</ul></td>
</tr>
<tr>
<td> <HR align=center width="75%" SIZE=1></td>
</tr>
<tr>
<td> <ul class="linknav">
<li class="linknav"><A class=linknav href="#">Search</a>
<li class="linknav"><A class=linknav href="#">Your Archive</a>
<li class="linknav"><A class=linknav href="#">Standardize
</a></li>
</ul></td>
</tr>
<tr>
<td> <HR align=center width="75%" SIZE=1></td>
</tr>
<tr>
<td class="linknav"> <ul class="linknav">
<li class="linknav"><A class=linknav href="#">FAQs</a>
<li class="linknav"><A class=linknav href="#">Terms and Conditions</a></li>
</ul></td>
</tr>
</table></td>
<td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><IMG border=0
height=1 src="images/spacer.gif"
width =300 0></td>
</tr>
</table></td>
</tr>
</table>
</body>
</html>
**************************
*********E
ND HTML**********************
**********
*****
**************START CSS***********************
**********
**********
**********
****
BODY {
FONT-SIZE: 12px; BACKGROUND: #ffffff; MARGIN: 0px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TABLE {
FONT-SIZE: 12px
}
TD {
FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
OL {
MARGIN: 10px 50px
}
UL {
LIST-STYLE-TYPE: square; TEXT-ALIGN: left
}
LI {
FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
P {
FONT-SIZE: 12px; MARGIN: 4px 10px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H1 {
MARGIN: 1px 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H2 {
MARGIN: 10px 25px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H3 {
MARGIN: 10px 25px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H4 {
MARGIN: 10px 25px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H5 {
MARGIN: 10px 25px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H6 {
MARGIN: 10px 25px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H1 {
FONT-WEIGHT: normal; FONT-SIZE: 20px; COLOR: #000066
}
H2 {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000066
}
H3 {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000
}
H4 {
FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #000066
}
HR {
WIDTH: 90%; TEXT-ALIGN: center
}
A {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #006699; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A:hover {
FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #3399cc; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A:visited {
FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A:active {
FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
INPUT {
FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #eeeeee
}
TEXTAREA {
FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #eeeeee
}
A.segmentnav {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.segmentnav:hover {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.segmentnav:visited {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.segmentnav:active {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TR.segmentnav {
FONT-SIZE: 10px; BACKGROUND: #cccccc; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD.segmentnav {
BORDER-TOP: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; TEXT-ALIGN: center
}
BODY.linknav {
FONT-SIZE: 10px; BACKGROUND: #000066; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center
}
A.linknav {
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #ffffff;
FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: none;
TEXT-ALIGN: center
}
A.linknav:hover {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.linknav:visited {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.linknav:active {
FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TD.linknav {
FONT-SIZE: 10px; BACKGROUND: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif
}
UL.linknav {
MARGIN-TOP: 10px; FONT-SIZE: 10px; MARGIN-BOTTOM: 0px; COLOR: #ffcc00; MARGIN-RIGHT: 5px; LIST-STYLE-TYPE: square
}
LI.linknav {
FONT-SIZE: 10px; MARGIN-BOTTOM: 5px; MARGIN-LEFT: -15px
}
P.linknav {
FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: 5px 10px; COLOR: #ffcc00; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H1.linknav {
MARGIN: 5px; COLOR: #ffffff
}
H3.linknav {
MARGIN: 5px; COLOR: #ffffff
}
A.headnav {
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.headnav:hover {
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.headnav:visited {
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.headnav:active {
FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif
}
UL.headnav {
FONT-SIZE: 11px; COLOR: #000066; LINE-HEIGHT: 150%; LIST-STYLE-TYPE: square
}
LI.headnav {
MARGIN-TOP: 1px; MARGIN-BOTTOM: 1px; MARGIN-LEFT: -15px
}
TD.headnav {
BACKGROUND: #ffcc00
}
P.headnav {
FONT-SIZE: 11px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
TABLE.aligntable {
MARGIN: 5px 25px
}
TABLE.spctable {
BACKGROUND: #dddddd; MARGIN: 10px 25px; WIDTH: 90%; BORDER-COLLAPSE: collapse
}
TABLE.spctable50 {
BACKGROUND: #dddddd; MARGIN: 10px 25px; WIDTH: 50%; BORDER-COLLAPSE: collapse
}
TR.rowheader {
BACKGROUND: #ffcc00; COLOR: #000066
}
TR.odd {
BACKGROUND: #dddddd
}
TR.even {
BACKGROUND: #cccccc
}
TABLE.sitemap {
BACKGROUND: #ffffff; MARGIN: 10px 25px; BORDER-COLLAPSE: collapse
}
TR.sitemap {
FONT-WEIGHT: bold; BACKGROUND: #9ca5c6; COLOR: #000066
}
TABLE.sectiontable {
BACKGROUND: #9ca5c6; MARGIN: 0px; WIDTH: 100%; BORDER-COLLAPSE: collapse; TEXT-ALIGN: center
}
TD.sectiontable {
FONT-WEIGHT: normal; FONT-SIZE: 11px; BACKGROUND: #000066; COLOR: #ffcc00; TEXT-ALIGN: right
}
A.sectiontable {
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
A.sectiontable:hover {
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: underline
}
A.sectiontable:visited {
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif
}
A.sectiontable:active {
FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif
}
P.popup {
FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
H1.popup {
FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN: 10px; COLOR: #000066; FONT-FAMILY: Arial, Helvetica, sans-serif
}
UL.popup {
LIST-STYLE-TYPE: square; TEXT-ALIGN: left
}
LI.popup {
FONT-WEIGHT: bold; FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
**************************
**********
END CSS***********************
**********
**********
**
The Problem:
When I open up the page in IE and click on the links in the static bar
located below the TOP NAV( What it is, Tools for
developers,Downloads), The dynamic bar that is below that gets
populated with links properly.
When I open up the same page in Netscape , the dynamic bar doesnt get
populated at all..looks like Netscape doesnt like the DIV tag.Could
any one help me out in handling this ,so that the page gets displayed
in Netscape just the way it does in IE.
I need a solution urgently.I appreciate your responses.