ReadingIE6: Background images appears after reload Permalink

Internet Explorer 6 may cause various background images applied to certain divs to disappears on first load. After reloading the respective webpage, the background image is being displayed correctly in Internet Explorer 6.

To fix this issue in Internet Explorer 6, try adding position:relative; to the background image div container.

.box { position:relative; }

Also, please consider that adding position:relative; might not do the trick, if the div container hasn’t a fixed height. You can add a 1% height for respective div for IE6:

.box { height: 1%; }
html>body .box { height:auto; }

No responses Comments RSS

Do you want to comment?


Looking for more? See all posts on the blog.