Peek-a-boo display bug in IE
There is a pesky display bug that will render a “peek-a-boo” effect when you layer div containers in CSS. When this bug is at it’s best, content that should stream after a previous div container, instead partially hides behind it. This is how my home page displays without the position: relative in the post div tag:
A pretty simple fix by adding in the position: relative; to the containing div tag, as in the stylesheet for my blog:
.post{
position: relative;
margin: 10px 0;
padding: 11px 11px 0;
background: url(images/bg_post.jpg) no-repeat;
}
Nice thing about this tweak – It doesn’t break how Firefox/Mozilla renders the page. It just makes IE play nice with your div layout.







Want to Leave a Reply?