Imagine you have created a div that includes a floating element along with some content. Below the floated div is another div that is used to clear the float. In any modern browser everything works fine. However, when you test the page in IE 6, none of the content next to the floated element is visible. If you minimize and then restore the browser or sroll up and down the content suddenly appears. No wonder why it is called a Peekaboo Bug. The demo above demonstrates this bug, try viewing this page in IE 6. This bug has a little brother disappearing content bug read the solution for that bug since it is a bit cleaner and might be sufficient in your case.
Thanks to Position is Everything for proving the bug demo.
You may want to look at this demo on an empty page to see the full scaled effect
That is all! Happy fixing =)
This page was written by Zoffix Znet. It may be copied, modified, and distributed freely as long as it attributes the original author and maintains the original license. See the license for details. This work is copyright © 2006 Zoffix Znet and is licensed under a Creative Commons Attribution Share-Alike License.