IE6 свойство background для тега <div> не заполняет цветом всю ширину

[Casufi]

Есть три стиля для слоев

.bttomheaderleft {
 width: 259px;
 height: 290px;
 background:
 url(images/ver.2.3.1_19.jpg) bottom left no-repeat;
 position:absolute;
 left:0px;
 bottom: 0px;
}
.bttomheadercenter {
 height: 33px;
 background-color:#889399;
 background-repeat:repeat-x;
 position: absolute;
 left: 258px;
 right: 365px;
 bottom: 0px;
}
.bttomheaderight {
 width: 369px;
 height: 290px;
 background: 
 url(images/ver.2.3.1_21.gif) bottom right no-repeat;
 position: absolute;
 right: 0px;
 bottom: 0px;
}

И три слоя

<div class="bttomheaderleft"></div>
<span class="bttomheadercenter">текст между картинками</span>
<div class="bttomheaderight"></div>

При этом в IE6 слой bttomheadercenter закрашивается цветом только на ширину текста, хотя по идее div это блочный элемент, и все свойства , которые к нему применяются должны действовать на всю ширину

Вот страница с проблемным дивом

http://ulskiy.org.ua/example/example.html

[Vlad]

Этот слой с абсолютным позиционированием, вот почему он так закрашивается.

[Casufi]

Проблема оказывается в том, что во всех броузерах в диве позиционировать можно все четыре угла, а два ослика, ИЕ 6 и ИЕ 5, стоят особняком, они понимают абсолютное позиционирование только одного угла.

Как это обойти я подсмотрел здесь http://designformasters.info/posts/absolute-position-layout/

Вот окончательный код

<!--
body {
 margin-top: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 margin-right: 0px;
 height: 100%;
 min-height: 100%;
}
.topheader {
 background: 
 #768791
 url(images/ver.2.3.1_01.jpg)
 left
 top
 no-repeat;
 width: 100%;
 height:192px;
}
.bttomheaderleft {
 width: 259px;
 height: 290px;
 background:
 url(images/ver.2.3.1_19.jpg) bottom left no-repeat;
 position:absolute;
 left:0px;
 bottom: 0px;
}
.bttomheadercenter {
 height: 33px;
 background-color:#889399;
 background-repeat:repeat-x;
 position: absolute;
 left: 258px;
 right: 365px;
 bottom: 0px;
}
.bttomheaderight {
 width: 369px;
 height: 290px;
 background: 
 url(images/ver.2.3.1_21.gif) bottom right no-repeat;
 position: absolute;
 right: 0px;
 bottom: 0px;
} 

-->
</style>
<!--[if lt IE 7]>

<style type="text/css">

.bttomheadercenter {
 width:expression(document.body.clientWidth-365);
}

</style>
<![endif]-->