Oops - I spoke too soon.
I fixed the Flash-overlapping-the-menu issue, but I have one last
problem in IE7 only. The image scroller (#mainscroll) is also
overlapping the menu. I tried a z-index but not working, it's this page:
http://www.redkitecreative.com/projects/performance/
--
Debbie
www.redkitecreative.com
On 11/5/2010 11:45 AM, Alan Gresley wrote:
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.
______________________________________________________________________
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/