The ASP menuing that I have been using with IE and Netscape is longer supported
by Netscape 6. I've been going over the upgrades with Netscape 6 and there
are a number of things that are now required in Netscape that seems to be
causing me problems... and I've corrected each of them. Apparently I am
missing something because everything that I am doing is supposed to be supported
with Netscape 6. The code works fine in IE and previous versions of Netscape.

Can someone take a look at this and tell me what I'm missing? Apprently
my CSS is working.

I found a sample program on MSDN and it is having the same problem. The
sample can be found at:

http://msdn.microsoft.com/library/de...rner042699.asp

I had to modify the CSS and the default HTML page from the sample to get
it past the inital problems with Netscape 6. I created a HTML page called
test.html to test this. The CSS needs to have the CURSOR:HAND taken off
because Netscape can not support the HAND. Both of these files have been
copied into this message.


Any ideas what I can change in the CSS to get this to work? It doesn't seem
to recognize the CSS or the JavaScript.

Thanks,
Greg Rothlander

Test.html..................

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
<LINK REL="stylesheet" HREF="listspan.css">
<SCRIPT TYPE="text/javascript" LANGUAGE="javascript" SRC="listspan.js"></SCRIPT>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</HEAD>

<BODY>
<BUTTON ONCLICK="ShowAll('UL')">Show All</BUTTON>
<BUTTON ONCLICK="HideAll('UL')">Hide All</BUTTON>
<H1>Sample Dynamic Menu</H1>
<UL>
<LI CLASS="clsHasKids"><SPAN>Catagory 1</SPAN>
<UL>
<LI>
<A>Item 1</A>
</LI>

<LI>
<A>Item 2</A>
</LI>

<LI>
<A>Item 3</A>
</LI>

<LI>
<A>Item 4</A>
</LI>

<LI>
<A>Item 5</A>
</LI>
</UL>
</LI>

<LI CLASS="clsHasKids"><SPAN>Catagory 2</SPAN>
<UL>
<LI>
<A>Item 1</A>
</LI>

<LI>
<A>Item 2</A>
</LI>

<LI>
<A>Item 3</A>
</LI>
</UL>
</LI>

<LI CLASS="clsHasKids"><SPAN>Catagory 3</SPAN>
<UL>
<LI CLASS="clsHasKids" onclick=""><SPAN>Subcatagory 1</SPAN>
<UL>
<LI>
<A>Item 1</A>
</LI>

<LI>
<A>Item 2</A>
</LI>
</UL>
</LI>

<LI CLASS="clsHasKids"><SPAN>Subcatagory 2</SPAN>
<UL>
<LI>
<A>Item 1</A>
</LI>

<LI>
<A>Item 2</A>
</LI>

<LI>
<A>Item 3</A>
</LI>

<LI>
<A>Item 4</A>
</LI>
</UL>
</LI>
</UL>
</LI>
</UL>

<P>
<BUTTON ONCLICK="window.alert(document.body.innerHTML);">View HTML</BUTTON>
</P>

<p>
<a href="http://validator.w3.org/check/referer"><img border="0" src="http://www.w3.org/Icons/valid-html401"
alt="Valid HTML 4.01!" height="31" width="88"></a>
</p>
</BODY>
</HTML>


The CSS.................................
BODY
{
FONT-SIZE: 70%;
FONT-FAMILY: verdana
}
H1
{
FONT-SIZE: 120%;
FONT-STYLE: italic
}
UL
{
MARGIN-BOTTOM: 5px;
MARGIN-LEFT: 0px
}
LI UL
{
DISPLAY: none;
MARGIN-LEFT: 16px
}
LI
{
FONT-WEIGHT: bold;
CURSOR: default;
LIST-STYLE-TYPE: square
}
LI.clsHasKids
{
LIST-STYLE-TYPE: none
}
LI.clsHasKids SPAN
{
}
A:link
{
FONT-WEIGHT: normal;
COLOR: navy
}
A:visited
{
FONT-WEIGHT: normal;
COLOR: navy
}
A:active
{
FONT-WEIGHT: normal;
COLOR: navy
}
A:hover
{
TEXT-DECORATION: none
}
BUTTON
{
FONT-SIZE: 100%;
FONT-FAMILY: tahoma
}