jquery - IE7 will not remove active state from navigation until hover -

The site (Note: please ignore the insane load times and everything else, already know)

Here's what's happening: Clicking on an item in the main navigation (up to five links) gives the item of "active" and when you click on any other activate Removes the square and it is added to the new one. Obviously, this active class is used for the NAV link style, which gives you the information about where you are.

However, clicking on a different link in the NAV in IE 7 does not remove the active style from the active link until you hit it up, which seems to be resetting it.

I am at a loss here I have tried any type of peek-a-ho hack which I could get (for example minimum-width: 0), I had a 'inactive' class Is set to non-active links and is styled in different ways. Nothing looks like

you hover How are you defining? The easiest (and most reliable way), is to use jQuery.

  $ ('. MyNav'). Hover (function () ($. (MyNav). Remove RemoveAttr //, which causes some style hover $ (this). Css / / background set / hover animation set;  

You will need to flag the currently selected tab and ignore it; You can always use some traits on the elements to flag, I see that your NAV elements are all different categories; I will easily add another class to them all for grouping.

For all jQuery leaders: She's already using the jQuery-UI, so the addition of the jQuery plugin is an issue. It will be more readable and possibly more efficient than any homework solution.