Problem z szerokością w IE6

[Johny]

Witam serdecznie.

Mam menu z cieniem. Tekst linków w menu jest dynamiczny i rozciąga je w
razie potrzeby. Budowa jest następująca (napiszę najkrócej jak się da
bez zbędnych rzeczy). Style wrzuciłem razem żeby się lepiej czytało.

<div style="height:56px">
<div id="width: 9px; height: 56px; float: left;">
<div style="width: 9px; height: 48px; background:
url('lewe_tlo.jpg') no-repeat;"></div>
</div>
<div style="height: 56px; float: left;">
<div style="height: 48px; background: url('srod_tlo.jpg') repeat-x;">
<div>
<a href"strona.php">Link tworzony dynamicznie</a>
</div>
</div>
<div id="height: 56px; float: left;">
<div style="width: 9px; height: 48px; background:
url('prawe_tlo.jpg') no-repeat;"></div>
</div>
</div>

Problemem jest to, że div z plikiem srod_tlo.jpg rozciąga całego diva, w
którym jest menu. Na pewno wynika to z tego, że ów div nie ma szerokości
i przyjmuje szerokość diva nadrzędnego. W jaki sposób można to załatwić
w IE6 - chodzi o to żeby pozycja w menu rozciągała się dynamicznie, ale
nie przyjmowała maksymalnej szerokości diva nadrzędnego?