> > http://www.redkitecreative.com/projects/performance/contact-us/ > > if you hover on Browse Our Inventory, in IE7 the hovered menu is hidden > behind the #maincontent div. > > I tried this: > > > <!--[if IE 7]> > > <style type="text/css"> > > #maincontent {z-index: 10;} > > ul.menu li:hover ul, ul.menu ul li:hover ul, ul.menu ul ul li:hover > ul {z-index: 1000;} > > </style> > > <![endif]--> > > But no. Can someone please help?
This is because in IE "position:relative alone creates a new stacking context. So I'd add: "z-index:1" to the ".menu-primary-menu-container" rule and I'd *remove* the z-index declaration from "#maincontent" As a side note, there is no reason to put this in a Conditional Comment -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/