Have glitch w/ CSS for product category menu in IE7

In IE7 when you mouseover a menu button, it creates a space/gap in between it and the one below it. This really causes bigger problems with the sub menus where you can not access some, and part of the menu just disappears. If anyone has any ideas id appreciate it! Im completely stumped :wacko: You can see what im talking about at www.mad4wd.com (with IE7)

A search for the CSS flyout menu may have some possible answers.

Also try searching for z-index

RollingSphere,

I checked your site in FF2, IE6, and IE7 on WinXP-SP2. FF2 and IE7 worked fine. IE6 had some issues removing the space under the menu items when I hovered over them. It was still navigable, however.

Your z-index for the flyout should be fine. Best place to start is with validating your code. There's an unfinished <link> in the head that may be causing some problems.

You can get a code validation check here:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.mad4wd.com%2F

There are many problems with unescaped "&" characters. They shouldn't be messing with the flyout menu, but they may be hiding the real culprit.

Hope this helps,
BrandTim