Robię menu górne nad logiem i mam problem ponieważ mam dwa obrazki jeden normalny i drugi po najechaniu wklejam je tak

[HTML] pobierz, plaintext 
<a href="#"><img src="images/home_n.gif" alt="Home" style="border: 0px" onmouseover="this.src = 'images/home_l.gif'" onmouseout="this.src = 'images/home_n.gif'"></a>
[HTML] pobierz, plaintext 

i problem się pojawia podczas wyświetlania, ponieważ FF 2.0 robi odstęp między obrazkiem a resztą strony, a IE tego nie robi poniżej obraz tego o co mi chodzi


(odstęp to ten czarny, zaznaczyłem go w jendym miejscu zieloną kreską)

Jak to zlikwidować, lub w inny sposób wstawić obrazek normalny i żeby po najechaniu na niego zmieniał się (ale to musi być też odnośnik ) Pomysły?

Hej,
nie wiem czy to jeszcze aktualne ale na pierwszy rzut oka to moga byc die rzeczy wedlug mnie:
dla linkow definiowane jest underline iwec podkreslenie po najechaniu na link moze sie pojawiac, drugie to kwestia tego ze <img /> jest domyslnie elementem liniowym, wiec jesli umieszczony jest w tekscie rezerwuje miejsce dla "ogonkow" lite takich jak "j" np. Dziwne tylko ze zachowywalby sie tak tylko przy hoverze, wiec najpierw polecam sprawdzenie deklaracji dla a:hover gdyz Twoj obrazek moze je przejmowac (co zreszta jest poprawna interpretacja CSS'ow).
Pozdrawiam.