background-image in IE
- by amit
<div id="banner" style="display: block; background-image: url('images/swirl_home.gif'); background-repeat: no-repeat; background-color: #e7e7e7;">
<div id="Hi">
some text here...
</div>
<div id="loader">
<img src="images/ajax-loader.gif" />
</div>
</div>
#banner {
background-color: #e7e7e7;
min-height: 285px;
}
the above code renders perfectly in Mozilla and Chrome. Fails entirely in IE 6/7/8. The background image just doesnt show. I can see the text though.
What am I doing wrong...?