Question

I have the CSS:

.dot-preview {
    background: url("../images/dot.png") no-repeat scroll 0 0 transparent;
}

but IE 7/8/9 don’t show the image.

Called from:

<img class="dot-preview">

What is wrong with my code? It is IE bug?

Answer 1

Assigning background to empty image tag makes very little sense. Use <div> element instead and the key is to give it proper width and height:

<div class="dot-preview"></div>

And in the CSS:

.dot-preview {
    width: 300px;
    height: 300px;
    /* ... */
}

Put the correct image width and height and it should work fine.