[fr]

Lorsque vous placez un div flottant à l'intérieur d'un autre conteneur, gare aux textes et images qui clignotent, voire disparaissent sous IE6. Le navigateur en question a quelques problèmes d'interprétation de ce type d'imbrications. C'est un bug, qui peut être facilement résolu en définissant la position des blocs conteneurs parents en tant que relative.

Everything was just fine on one of my Web developping projects : valid, correct and conform code, right display on Firefox and on Explorer. But one day, a client (using IE6) phoned me asking why the content had disappeared from the web pages. I switched on IE6 to look, but nothing was wrong. After cleaning my cache several times and trying again to see the ghost content… Booh ! The text and photos suddenly disappeared under my eyes.

After doing some research on what may cause the content to swing in that odd way, I found informations on what is funnily called the “peek-a-boo” bug. Basically, IE6 has some kind of interpretations problems with floating divs included in liquid boxes. The bug can be easily fixed by applying a relative position to the parented div.

Learn more about the “peek-a-boo” bug (IE6)