[CSS]Odstęp od góry niezalneżny od innych Opcje

[Sueroski]

Witam. Nie wiem czemu przy poniższym zapisie, choć zdefiniowałem margin-top w każdym elemencie inne, to stoją w linii koło siebie.

[HTML] pobierz, plaintext 
<a href="#" onmouseover='obraz1.src="template/fs1-2.png"' onmouseout='obraz1.src="template/fs1-1.png"' onclick="callAHAH('tresc.txt', 'tresc', 'Trwa ładowanie strony...');intervalID=setInterval('open()',50);"><img id="obraz1" src="template/fs1-1.png" border="0" style="margin-top: 10%; margin-left: 30%;" /></a>
<a href="#" onmouseover='obraz2.src="template/fs2-2.png"' onmouseout='obraz2.src="template/fs2-1.png"' onclick="callAHAH('tresc.txt', 'tresc', 'Trwa ładowanie strony...');intervalID=setInterval('open()',50);"><img id="obraz2" src="template/fs2-1.png" border="0" style="margin-top: 5%; margin-left: 0%;" /></a>
[HTML] pobierz, plaintext 

Jak zrobić, aby nie były na tej samej wysokości? Chciałbym je pozycjonować niezależnie od siebie, ponieważ muszę ułożyć koło z trzech elementów.

PS nie mogę użyć "position: absolute" ponieważ w onclick wywołuje okienko, które jest zasłaniane jeśli na obrazki dam position: absolute