Problem z css - position:relative

[konieczny]

Witam

Robię galerię zdjęć. Zdjęcie ma obramowanie 7px a nad zdjęciem jest ramka która rzuca cień na zdjęcie. Efekt identyczny ja na stronie http://www.mein-brandenburg.com/ (pokaz slajdów we flashu po lewej stronie - oczywiście u mnie to będzie czysty html)

Oto kawałek kodu:

Kod: Zaznacz cały

                   <div class="pole">
					<img src="pliki/foto2.jpg" alt=""/>
				</div>
				<div class="zdjecie">
					<img src="pliki/ramka.png" alt=""/>
				</div>

a to css:

Kod: Zaznacz cały

.pole img{border: 7px solid #fff; margin: 10px}
.zdjecie{position: relative; top:-152px; left: 0; }

Problem jest taki, że są 3 rzędy zdjęć i przez position:realtive między stopką a zdjęciami jest bardzo dużo wolnej przestrzeni. Ja zrobię dla stopki ustawię postion:relative; top:-456px to już jest lepiej ale strona mo sporo pustego miejsca pod stopką. Macie jakiś pomysł jak to usunąć?

[konieczny]

Proszę o zamknięcie tematu - już sobie poradziłem, człowiek czasem jednak nie myśli.

Zdjęcie wstawiłem jako tło div-a z tym, żeby uzyskać ramkę wokół zdjęcia div-a zrobiłem większego o 14px i odpowiednio ustawiłem zdjęcie korzystając z bacground-position: 7px 7px; W div-ie wstawię obrazek png z ramką i zrobione.