DIV med background-image tegnes ikke

Jeg prøver at tegne en grafisk box via DIV og CSS.

Jeg kan til min store undren konstatere, at en række browsere ikke tegner en DIV selvom den indeholder et baggrundsbillede, hvis der ikke er tekst i den - og under alle omstændigheder ignorerer "height" og "width" indstillingerne fra CSS i disse tilfælde, og kun giver den størrelsen af den tekst der indgår.

IE60: Opfører sig som forventet (overraskende!)
Opera 7.23: Ignorerer "height" og "width"
Mozilla Firefox 0.8: Som Opera
Netscape 7.1: Som Opera

Koden ser ud som følger:

<div>
<span class="wbar_tl"></span>
<span class="wbar_tm">
  En lille test!
</span>
<span class="wbar_tr"></span>
</div>

og CSS:

.wbar_tl {
  width:32px;
  height:60px;
  background-image:url(image/wbar_tl.gif);
}

.wbar_tm {
  width:262px;
  height:60px;
  background-image:url(image/wbar_tm.gif);
  padding-top:25px;
  font-weight:bold;
}

.wbar_tr {
  width:33px;
  height:60px;
  background-image:url(image/wbar_tr.gif);
}

Grafikken har nøjagtigt de mål som er angivet i CSS.

Alle browsere på nær IE glemmer alt om wbar_tl og wbar_tr.

Er der nogen der ved hvordan man kan omgås dette? Det er vigtigt at koden validerer korrekt XHTML 1.1 og CSS 2 (det gør ovenstående kode).