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?
Your screen CSS has this.
#maincontent {
width:100%;
font-size: 1.05em;
position: relative; /* DELETE */
top: 0; /* DELETE */
padding-top: 1.4em;
background-color: #fff;
}
IE7 create a new stacking context with position:relative. If
position:relative is not needed, then remove it and the dropdown will
render above div#maincontent.
--
Alan http://css-class.com/
Armies Cannot Stop An Idea Whose Time Has Come. - Victor Hugo
______________________________________________________________________
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/
