[PHP/CSS], dokładne pozycje obrazków w komórce tabeli Opcje

[cytrysek]

Witam,

mam "drobny" problem z dokładnym rozmieszczeniem 3 obrazków w 1 komórce tabeli.
Otóż ta komórka posiada tło z narysowanymi 3 kwadratami równo oddalone od siebie.

I teraz w pętli (PHP) wyciągam fotki (max 3 sztuki) i wyświetlam je w taki sposób, by nakładały się na te kwadraty z tła.

Niby ok, ale niestety jak pod Firefoxem udało się "trafić", to pod IE rozsypuje mi się.

próbowałem tak:

[HTML] pobierz, plaintext 
<td width="" style="background: url(images/tlo/3obrazki.png) no-repeat 0px 0px;"   height="111px">
  <div class="img-odst">
             <span class="img-shadow">
                <img src="images/obrazek1.jpg"  width="96" height=96" alt="" border="0">
            </span>
</div>
<div class="img-odst">
             <span class="img-shadow">
                <img src="images/obrazek1.jpg"  width="96" height=96" alt="" border="0">
            </span>
</div>
<div class="img-odst">
             <span class="img-shadow">
                <img src="images/obrazek1.jpg"  width="96" height=96" alt="" border="0">
            </span>
</div>
</td>
[HTML] pobierz, plaintext 

i style coś takiego:

[HTML] pobierz, plaintext 
.img-odst{
padding: 12px 18px 0px 0px;
 
  }
[HTML] pobierz, plaintext 

Ktoś pomoże?
Dzięki.
PW