IE6 finally got me.
http://users.pandora.be/onderhond/test_IE6_zindex.html
I know what the problem is, but can't seem to find a solid fix. This
example shows the setup I want to achieve in IE6. It's a theoretical
example, but one I can find no solution for, javascript or css. The
XHTML/CSS were kept as simple as possible.
<div class="top">
<p>Main div A</p>
<div class="sub">Sub div B</div>
</div>
<div class="bottom">
<p>Main div C</p>
<div class="sub">Sub div D</div>
</div>
/* IMPORTANT CSS CAUSING THE TROUBLE */
.top {position:relative; height:7.5em; width:50em;}
.top .sub {position:absolute; z-index:10; left:10em; bottom:-2.5em;
height:3em; width:8em;}
.bottom {position:relative; height:7.5em; width:50em;}
.bottom .sub {position:absolute; height:3em; width:8em; z-index:10;
right:10em; top:-2.5em;}
Note that the position:relative declaration can't be removed. *Any* help
would be greatly appreciated.
Sincerly,
Niels Matthijs
[EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
