Nakładanie na siebie elementów Opcje

[SHiP]

[HTML] pobierz, plaintext 
<table>
<tr><td>
 
 
<img src="obrazek.jpg"  style="display:block; position:relative; top:0; left:0;  z-index:1;" />
 
<span style="position:relative; top:-520; left:-520;z-index:3" id="jakistamID">  <a href="#"> <img src="obrazek2.gif" width="10" height="10" style="border:0;" /></a></span>
 
<span style="position:relative; top:-500; left:-500; z-index:3" id="jakistamID2">  <a href="#"> <img src="obrazek2.gif" width="10" height="10" style="border:0;" /></a></span>
 
 
</td></tr></table>
[HTML] pobierz, plaintext 

Taka sytuacja tabelka a w środku tabelki obrazek 570x500px na ten obrazek chcę nałożyć inne mniejsze. Gdy wrzuce jeden wszystko jest ok. Jednak gdy wrzuce 2 gryzie się z tym pierwszym i przesuwają sie o kilka pikseli :]. Odrazu mówię że <span> Musi być :] bo chce sie do tego odwoływać z poziomu javascript

[SHiP]

No tak ale te czerwone punkty są jako tło(wmontowane w mape) a gdybym chciał np umieścić rysunek flagi po kliknieciu w jakiś czerwony kwadrat(dzialają tylko 3 u góry po lewej) to w tym momencie strzałki sie rozłarzą(tzn przesuwają sie o kilka pixeli)