Replacing an image with css (not rollover etc)

[Ric A]

I'm serving up an HTTPS page (an FAQ) with 4 basic images to colour code
the questions and answers. Becuse of how IE works [1], i'm trying to
replace these tiny coloured square gifs with some div/spans.

Any ideas on how i could do this? My attempt was

<div style="width:.75em; height:.75em; backround-color:yellow; margin:0em
.125em;" title="Type A"></div>

but it makes a real mess of the lines of text where i include it...

[1] it makes a GET request for each instance of the image, even though the
images are fed via HTTP not HTTPS and despite me setting an 'Expires'
header for images

--
remove '-newshole' and '.invalid' - sorry!