Bug IE6 > position:relative;

by oilvier

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.2.0.min.css">
<div id="test01">
    <h2>Je suis le conteneur (position:relative;)</h2>
    <div class="content">
        <div class="normal">
            Je suis une div
        </div>
        <div class="relative">
        Je suis une div en position relative
        </div>
    </div>
</div>
<div id="test02">
    <h2>Je suis le conteneur (position:relative; width:100%;)</h2>
    <div class="content">
        <div class="normal">
            Je suis une div
        </div>
        <div class="relative">
        Je suis une div en position relative
        </div>
    </div>
</div>
<div id="test03">
    <h2>Je suis le conteneur (sans propriétés)</h2>
    <div class="content">
        <div class="normal">
            Je suis une div
        </div>
        <div class="relative">
        Je suis une div en position relative
        </div>
    </div>
</div>

CSS

#test01 {position:relative;}
.content {width:600px; padding:10px; margin:0 auto;}
.normal {background:#F8F8F8; padding:10px;}
.relative {background:#FF8800; color:#FFF; position:relative; padding:10px;}

#test02 {position:relative; width:100%;}
#test03 {}