Проблемы в IE6 с отступами div

[Server]

Вот код... в Firefox все прекрасно, жалко нельзя картинки в архиве прикрепить, но они по углам как бы округляют прямоугольники... В Ie6 все плохо... Если на странице, а не вырвав код,то просто похоже IE не видит height ... у него как-будто она фиксированная... как исправить?

<div style="display:inline; float:left; padding-left:15px; padding-right:15px; width:110px; ">
 <div style="background-image:url(io/block_lite_blue_top_left.jpg); background-repeat:no-repeat; display:inline; float:left; width:8px; height:10px;z-index:3; "></div><div style="background-color:#EBFEFD; float:left; width:94px; background-repeat:no-repeat; height:10px;z-index:3; display:inline; "></div> <div style="background-image:url(io/block_lite_blue_top_right.jpg); float:left; clear:right; background-repeat:no-repeat; width:8px; height:10px;z-index:3; "></div>
 <div style="background-color:#EBFEFD; text-align:left; ">
 <div style="padding:0px 4px 4px 4px; "><span style="font-size:11px; ">T:</span> <span style="font-size:12px; ">"F"</span></div>
 </div>
 <div style="background-image:url(io/block_blue_top_left.jpg); background-repeat:no-repeat; display:inline; float:left; width:8px; height:9px;z-index:3; "></div><div style="background-color:#C9EEFA; float:left; width:94px; background-repeat:no-repeat; height:9px;z-index:3; display:inline; "></div> <div style="background-image:url(io/block_blue_top_right.jpg); float:left; clear:right; background-repeat:no-repeat; width:8px; height:9px;z-index:3; "></div>
 <div style="background-color:#C9EEFA; text-align:left; ">
 <div style="padding-left:5px; "><span style="font-size:11px; ">R:</span> <span style="font-size:11px; ">6</span></div> 
 </div>
 <div style="background-image:url(io/block_blue_bootom_left.jpg); background-repeat:no-repeat; display:inline; float:left; width:8px; height:8px;z-index:3; "></div><div style="background-color:#C9EEFA; float:left; width:94px; background-repeat:no-repeat; height:8px;z-index:3; display:inline; "></div> <div style="background-image:url(io/block_blue_bootom_right.jpg); float:left; clear:right; background-repeat:no-repeat; width:8px; height:8px;z-index:3; "></div> 
 <div style="background-color:#EBFEFD; text-align:left; ">
 <div style="padding-left:5px; "><span style="font-size:12px; ">A:</span> <span style="font-size:14px; ">T</span></div>
 </div>
 <div style="background-image:url(io/block_lite_blue_bootom_left.jpg); background-repeat:no-repeat; display:inline; float:left; width:8px; height:9px;z-index:3; "></div><div style="background-color:#EBFEFD; float:left; width:94px; background-repeat:no-repeat; height:9px;z-index:3; display:inline; "></div> <div style="background-image:url(io/block_lite_blue_bootom_righ.jpg); float:left; clear:right; background-repeat:no-repeat; width:8px; height:9px;z-index:3; "></div>
</div>

Спасибо

[Dimitry Wolotko]

Задача конкретно какая?

Округлить прямоугольник?

[Server]

да, округлить прямоугольник, округлить прямоугольник внутри, при это при отключении картинок, блоки становяться не округленными... javascript - это последнее решение, лучше конечно средствами css ... и еще раз... в opera и firefox все работает как нужно... проблема только с ie6 и ie7

[Dimitry Wolotko]

Внимательно почитайте на сайте htmlbook.ru варианты того, как можно округлить углы.