Link mit Mouseovergrafik in Tabelle nur halb angezeigt

[Jonas]

Hi,

ich habe folgendes vor: Ich möchte in meiner Navigation eine Grafik als Link haben, die bei mouseover durch eine andere Grafik ersetzt wird. Das funktioniert auch soweit, nur wird das Bild, sobald ich den <a> tag darum setze nur noch halb angezeigt. Es beginnt erst auf der Hälfte der Zellengröße in der Tabelle.

Hier mal ein Screenshot um das zu verdeutlichen:
http://oi45.tinypic.com/sma5w3.jpg

Mein css Code sieht so aus:

a.News {  
	background: url('images/news.jpg');  
}  
a.News:hover {  
	background: url('images/news_hover.jpg');  
}  
a.News img {  
	visibility: hidden;  
}

Der HTML Code so:

<tr>  
		<td><a href="index.html" class="News"><img src="images/news.jpg"></a></td>  
		<td><img src="images/forum.jpg"></td>  
		<td><img src="images/kalender.jpg"></td>  
		<td><img src="images/logs.jpg"></td>  
	</tr>

Sobald ich das <a href....> wieder lösche, wird die news.jpg wieder richtig in der Zelle positioniert. Ich verstehe beim besten Willen nicht, warum es mit <a href...> nach unten verschoben wird. Der mouseover an sich funktioniert..

Hat da jemand eine Idee?
Danke im Vorraus
mfg
Jonas