Jeden obraz na drugim

Mam taki problem. Chciałbym, aby po najechaniu kursorem na zdjęcie, na tym zdjęciu pojawiał się inny, mniejszy obraz. Próbowałem czegoś takiego:

<img src="zdjecie.jpg" onmouseover='this.src="obrazek.jpg"' onmouseout='this.src="zdjecie.jpg"' />

jednak to podmienia całe zdjęcie na obraz, a ja chciałbym, żeby zdjęcie pozostawało cały czas widoczne, a tylko na nim pojawiał się obrazek. Gdyby ktoś miał pomysł, lub mógł podać o czym trzeba poczytać, aby osiągnąć taki efekt, prosiłbym o wypowiedź. Niestety, w javascript jestem totalnym noobem, więc proszę o wyrozumiałość.

np. http://www.bosrup.com/web/overlib/
Zasada prosta: tworzysz nowy element z z-index i absolutnym pozycjonowaniem przy onmouseover, przy out - usuwasz.

Co prawda nie do końca o to mi chodziło, jednak osiągnięty efekt okazał się jeszcze lepszy od zamierzonego :) Wielkie dzięki nav.