On Jun 1, 2006, at 7:51 PM, Roger Roelofs wrote:
> Christy,
>
> On Jun 1, 2006, at 2:57 PM, Christy Collins wrote:
>
>> I have a page with overlapping elements that work properly until I
>> apply overflow: auto to one of the elements. Then it seems to throw
>> the z-index off. This is happening in Firefox but not Safari. Any
>> suggestions?
>
> We will need a url to look at your code to be much help. My first
> guess is that the overflow rule is creating a new positioning context
> and thus a new base for the stacking order. I could be way off
> though.
> --
> Roger Roelofs
In replying, I figured it out. I had:
#text_box{
width: 745px;
height: 202px;
background: url(i/opacity_bkg.png);
z-index: 20;
overflow: auto;
}
#text_box p{
position: relative;
z-index: 30;
}
#townhomes_on{
z-index: 1;
position: absolute;
top: 110px;
left: 43px;
}
I switched position: relative to #text_box and Firefox is happy.
Thanks!
______________________________________________________________________
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/
