CSS: positionnement divs absolue dans un conteneur div relatif (bug IE)

Question

j'ai le balisage suivant (j'ai dépouillé le contenu en passant)

<div id="playArea" style="position: relative"> 
    <div class="widget" id="widget2" style="position: absolute;width:153px;top:282px;left:243px;" ></div>   
    <div class="widget" id="widget8" style="position: absolute;width:278px;top:-2px;left:446px;" ></div>    
    <div class="widget" id="widget24" style="position: absolute;width:363px;top:-1px;left:16px;" ></div> 
    <div class="widget" id="widget30" style="position: absolute;width:200px;top:-1px;left:233px;" ></div> 
    <div class="clear">&nbsp;</div> 
</div> 

Ce balisage est à mi-chemin vers le bas ma page Firefox 3, affichant comment je le veux mais dans IE 6 et 7, tout va bien à part la dernière div (widget30) qui est en haut du conteneur playArea. Des idées sur la façon dont je peux résoudre ce problème dans IE?

Merci

Answer 1

Il fonctionne de la même chose pour moi dans IE 6 et 8 et Firefox. Bien sûr, vous ne laissez pas tomber quelque chose?

Answer 2

Vous avez "top: -1px"

Ce qui signifie qu'il va être placé 1 pixel-dessus du haut du parent positionné, ce qui est votre playarea div. Donc, il semble que ce soit ce qu'il devrait faire.