IE7 CSS drop down menu issue

Hey Guy’s,

Need some help on a drop-down menu. For some reason in IE7 my drop down menu disappears once you mouse-over the last option on the menu where it overlaps links underneath it. Shoes / Accessories / Jewelry are the 3 drop-down’s I’;m referring to.

Men - Clothing - Atrium

Anybody know of a fix for this.

Thanks,

Nicho

Try adding a background to your nested ul.


#mainnav ul.sub{background:#fff}

If you don’t want a background you can use the fake gif trick.


#mainnav ul.sub{background:url(fake.gif) no-repeat -1px -1px}

If you don’t want missing image error messages in your server log the make 1px x 1px fully transparent gif and use that.