[SOLVED] Current menu item not displaying correctly in IE6

[kanjigirl]

I have the menu template set up like this:

{elseif $node->current == true}
<a class="menuactive" etc....

And my CSS like so:

#nav li a.menuactive, #nav li ul li a.menuactive {
color: #EFA836;
background-color: transparent;
text-decoration: none;
}

Here's a link: http://www.redkitecreative.com/projects/naww/.

The current item is showing up correctly in FF, IE7, Safari, Opera and Netscape, but not IE6. Can someone help me get this working? I tried adding the CSS in again as a conditional comment for IE6, but no change.

[sn3p]

Seems to be a CSS issue, the style in probably inherited from another declaration.

Replace this:

Code: Select all

#nav li a, #nav li ul li a, #nav li a:link #nav li ul li a:link, #nav li a:visited, #nav li ul li 

a:visited {
	color: #FFFFFB;
	background-color: transparent;
	text-decoration: none;
}
#nav li a:hover, #nav li a:hover, #nav li a:active, #nav li a:active, #nav li a.menuactive, #nav li ul li a.menuactive {
	color: #EFA836;
	background-color: transparent;
	text-decoration: none;
}

With this:

Code: Select all

#nav a {
	color: #FFFFFB;
	text-decoration: none;
}
#nav a:hover, #nav a.menuactive {
	color: #EFA836;
}

And all should work fine for IE6.

[kanjigirl]

I tried this - okay in IE7 still, but not working in IE6...

[sn3p]

You can't use in CSS, use /* ... */ instead.
If you comment it properly or remove the code, you'll see it will work

[kanjigirl]

Well, that was dumb.

Working fine now, thank you.

[sn3p]

[Solved] ?