IE7 issue - menu choice stays highlighted when it should not

[tonyg]

Hi,
I have a problem with IE (Firefox is not behaving this way). the site is
http://wwwstage.ultra-fei.com

If you go there, click on a top nav menu choice, then click on another top
level nav choice...then hit the back button. You should see both top level
nav choices highlighted. This does not happen if you repeat in Firefox and
does not seem to matter what menu choices you choose.

If you mouse over the choices, the ghost menu choices does not go away, but
if you right click on the page, the menu choice goes way......I am pulling my
hair out.....

If anyone could help or point me in the right direction, I would really
appreciate it.

also,
when i view source on the page, I see this

<li class="menuactive"><a class="menuactive"
href="http://wwwstage.ultra-fei.com/index.php?page=sales" >Sales</a>
</li>
<li><a
href="http://wwwstage.ultra-fei.com/index.php?page=support" >Support</a>
</li>

while both are showing highlighted (class=menuactive) only one actually is in the source

thanks

[abduraooft]

If you go there, click on a top nav menu choice, then click on another top
level nav choice...then hit the back button. You should see both top level
nav choices highlighted.

Are you talking about the dotted rectangle outline around those links?

[tonyg]

hi,
thanks for responding. not the dotted line around the choice, the background image changes from all black to a graded gold. If you try that in ie7, you should see two choices at the same time highlighted.

that make sense?

[abduraooft]

Um... I see it now. I'd recommend you to remove/comment the :hover properties from your li elements, and then depend only on the :hover properties of anchors. This way, you will be able to avoid all duplicate/unwanted rules from your CSS, and thus the bug tracking would be easier.

[tonyg]

ok, i think i commented them all out, could you take another look. did not seem to make a difference for the issue.

thanks

[Excavator]

Hello TonyG,
Have a look here http://jigsaw.w3.org/css-validator/v...3Dcontact-us-2

Doubt that's it, just looks like some things didn't quite get commented out.

[tonyg]

ok, sorry about that. it now passes validation.

[abduraooft]

Have a try by adding

#primary-nav a:link{
background:none;
}

into your CSS.

[tonyg]

humm, no love

[tonyg]

hey, i just found this....is this my issue?

http://www.sitepoint.com/forums/showthread.php?t=584947

[abduraooft]

hey, i just found this....is this my issue?

No. Just try the following too.

#primary-nav a:link, #primary-nav a:visited{
background:none;
}

[tonyg]

still no love

[abduraooft]

How about

#primary-nav a:link, #primary-nav a:visited{
 background-image: url(uploads/images/menuoff.jpg);
}
/* this turns on the background image for third-level items as well */
#primary-nav a:hover {
   background-image: url(uploads/images/menuon.jpg);
   color:white;
   background-Repeat:no-repeat;
}
#primary-nav a:active{
background-image: url(uploads/images/menuoff.jpg);
}
#primary-nav a.menuactive{
           background-image: url(uploads/images/menuon.jpg);
		color:white;
		background-Repeat:no-repeat;
}

?

[tonyg]

wow, i think that worked....

being a newbie, i am not sure i understand what is going on, maybe you could explain

#primary-nav a:active{
background-image: url(uploads/images/menuoff.jpg);
}

this would seem to say that when the anchor is active, then the background image will be off.......but that is not what happens...right?

but in any case....i REALLY appreciate the help

thanks so much!!!!

[tonyg]

hi,
I am not sure if you are still listening...but I just noticed another issue, teh fix seemed to make IE7 work, but now, IE6 is not right....any change you can take another look with ie6?

thanks