I have DIV within a DIV that is hidden until a user clicks a javascript link to
make it visible.
<div id="promoEnterPromoCode">
(<a href="javascript:togglePromoWindow()">I have a promo code</a>)
<div id="enterPromoBlk">
Some form
</div>
</div>
Css is:
#promoEnterPromoCode {
display: block;
position: relative;
margin-left: 0px
}
#enterPromoBlk {
position: absolute;
top: 10px;
left: 10px;
width: 400px;
padding: 10px;
background-color: #eee;
visibility: hidden;
z-index: 5000;
border: 1px solid #666;
}
Now in firefox and safari this works fine. In IE, the "enterPromoBlk" div
looses any z-index value as long as the position: relative is in
"promoEnterPromoCode". The inner div shows up behind in the other elements on
the page, making it very hard to see no matter what the z-index is set to. If I
remove the position: relative, IE shows the element fine, yet it shows absolute
to the viewport instead - way far away from where it needs to be. Any ideas?
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
