[HTML][CSS]Nakładanie obrazka na obrazek Opcje

[gregi1]

Mam problem, a wlasciwie jak najlepiej go rozwiazac.

Otoz mam div'a a w nim cztery obrazki w tabeli:

[HTML] pobierz, plaintext 
<div id="obrazek">
<table>
<tr><td><img src="obrazek1.jpg /></td><td><img src="obrazek2.jpg /></td></tr>
<tr><td><img src="obrazek3.jpg /></td><td><img src="obrazek4.jpg /></td></tr>
 
</table>
</div>
[HTML] pobierz, plaintext 

Obrazki linkuja do innych stron. I teraz musze nałożyc na nie (tak posrodku) jeszcze jeden obrazek "pieczatke" juz nie linkujacy nigdzie.

I w jaki sposob zrobic to najlepiej? Wiem ze mozna przez absolute i relative, ale ktory sposob lepszy, a moze jest jeszcze jakis inny?(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[gregi1]

absolute. Relative na ie czesto sprawia problemy. Ale najlepiej zrobisz to w ten sposob działajacy wszedzie

Kod

#obrazek
{
background: url(obrazek1.gif) no-repeat;

padding-left: pooperuj sobie;
padding-top: pooperuj sobie;
}

Kod

<div id="obrazek1">
<img src="obrazek2" src="obrazek.gif" />
</div>

NIe bardzo to chodzi, ale pozmienialem id w div i chodzi ale nie o to mi chodzilo.

Ponizej rysunek:
(IMG:http://przybylowski.info/ftp/przyklad.jpg)

I chodzi mi o to aby kwadraty/prostokaty byly linkami do innych stron a okrag/elipsa tylko obrazkiem.