chyba position:relative v IE

Hoj, jednoduchy priklad

.telo2 {position:relative;_width:90%}
#o1, #o2, #o3, #o4 {background:url("obr0/kopr1.gif") no-repeat 0 0;line-height:24px;width:24px;height:24px;position:absolute;top:-15px}
#o1, #o3 {left:-15px}
#o2, #o4 {right:-15px}
#o3, #o4 {top:auto;bottom:-15px;}

<div class="telo2">
<div id="o1"></div><div id="o2"></div><div id="o3"></div><div id="o4"></div>
</div>

... kde kopr1 je obrazek 24x24 a kolem telo2 mam telo1, celkove ramecek 6px (proto ty posuny do zaporu)
Chyba je v tom, ze pro IE se musi do tela2 zadat width, jinak nefunguje bottom.
rekneme, ze bych tak delal treba kulate rohy, ja tam teda placam kvetinku, at je to zivejsi... Des IE :)

sem to resil jeste tretim divem a je to o neco lepcejsi :) Ale hruza, stale to pri mensi sirce okna odskakuje... telo1 totiz floatuji.

.telo2 {}
.telo3 {position:relative;_width:98%}
#o1, #o2, #o3, #o4 {background:url("obr0/kopr1.gif") no-repeat 0 0;line-height:24px;width:24px;height:24px;position:absolute;top:-15px}
#o1, #o3 {left:-15px}
#o2, #o4 {right:-30px;_right:-33px}
#o3, #o4 {top:auto;bottom:-15px;}

<div class="telo2">
<div class="telo3">
<div id="o1"></div><div id="o2"></div><div id="o3"></div><div id="o4"></div>
</div>
</div>