[SOLVED] Menu :hover issue

[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.

[christiaans]

I don't really see any difference (except for the round corners) between IE7 & FF3 (don't have IE6 here)...

[Evil Phil]

If you put the mouse over the currently selected tag in the menu the tag changes.

[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..

[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...

[Evil Phil]

It was indeed the javascript, thanks.