2 div stacks der skal overlappe hinanden i IE6+IE7
Hej eksperter.Jeg har følgende lille strimmel html med indlejret css. Som det står der, virker det fint, dog ikke i IE6+IE7. Med virker fint, menes at følgende figur vises (håber ASCII'en holder):
-------------------------
| --- --- |
| | | | | |
| | | | | |
|--| |-------------| |--|
| | | | | |
| | | | | |
| --- --- |
-------------------------
Men hvordan med IE6+7?
<html>
<body>
<div style="width: 200px; z-index: 0;">
<div style="float: left; position: relative; background-color: red; height: 100; width: 200;z-index: 1;">
<div style="background-color: pink; height: 80; width: 20; position: absolute; top: 60px; left: 20px; z-index: 2;"></div>
</div>
<div style="float: left;position: relative; background-color: brown; height: 100; width: 200;z-index: 1;">
<div style="background-color: goldenrod; height: 80; width: 20; position: absolute; top: -40px; left: 140px; z-index: 2;"></div>
</div>
</div>
</body>
</html>