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; }
Looking for more? See all posts on the blog.
