On 11/5/2010 1:10 PM, Debbie Campbell wrote:
On this site:
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?
IE7 and under create a stacking order based on position, even
"relative", being assigned downstream. If your main content element is
positioned relatively, it needs a z-index and the menu's parent element
needs both position relative and a higher z-index. It is usually best to
only use position relative when it is absolutely needed. If you wish to
fix this, a conditional comment is not necessary as the work around will
not adversely affect modern browsers.
--
Al Sparber - PVII
http://www.projectseven.com
Dreamweaver Menus | Galleries | Widgets
http://www.projectseven.com/go/hgm
The Ultimate Web 2.0 Carousel
______________________________________________________________________
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/