Page 1 of 1

[SOLVED] Menu :hover issue

Posted: Tue Jan 06, 2009 12:45 pm
by Evil Phil
http://www.homoeopathy-clinic.com/

The menu is working fine except for ie6 & 7. For some reason the background on the current page menuitem (that's class menuactive) changes on hover. I don't know why either. Could somebody help me with this? I'm at my wits end.

Re: Menu :hover issue

Posted: Tue Jan 06, 2009 3:29 pm
by christiaans
I don't really see any difference (except for the round corners) between IE7 & FF3 (don't have IE6 here)...

Re: Menu :hover issue

Posted: Tue Jan 06, 2009 4:12 pm
by Evil Phil
If you put the mouse over the currently selected tag in the menu the tag changes.

Re: Menu :hover issue

Posted: Wed Jan 07, 2009 9:09 pm
by christiaans
Now I see indeed. As far as I can tell (from the page source and css), there isn't anything telling IE to act differently on a hover, so maybe what you should try is just adding:

Code: Select all

li.menuactive a:hover {
}
At the bottom of your main stylesheet, so that there isn't any style applied. However, I usually define every state, even if I am not using it at that point, so that there won't be any misunderstandings..

Let me know if that doesn't work out..

Re: Menu :hover issue

Posted: Wed Jan 07, 2009 10:44 pm
by Dr.CSS
Actually it seems you used a CSSMenu template or the menu template for that type of menu, aka Drop down/Flyout menu style, so your has a call for...




Take it out and you may have what you need, it adds an h on the end of some of the menu items to make the hover state work...

In this case it changes to li.menuactiveh...

Re: [SOLVED] Menu :hover issue

Posted: Thu Jan 08, 2009 2:59 pm
by Evil Phil
It was indeed the javascript, thanks.  :)