IE6 “peek-a-boo” bug

Thursday, October 12th, 2006

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)

Posted in CSS and XHTML | No Comments »