[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

[Pilsener]

- po co Ci tyle kodu? Po co te divy, spany, width, height? Zrób tak:

[HTML] pobierz, plaintext 
<table>
<tr>
<td><img src="1" alt="" /></td>
<td><img src="2" alt="" /></td>
<td><img src="3" alt="" /></td>
</tr>
</table>
[HTML] pobierz, plaintext 

Ewentualnie tak:

[HTML] pobierz, plaintext 
<table>
<tr><td>
<img src="" alt="" />
<img src="" alt="" />
<img src="" alt="" />
</td></tr>
</table>
[HTML] pobierz, plaintext 

- daj obrazkom float:left i odpowiedni margin, po co tyle komplikacji?