Problem mit JavaScript Rollover effekt

[Provo]

Nabend,

hab ein kleines Problem mit einem Rollover, es geht darum das beim onMouseOver und onMouseOut über einen Link die Hintergrundgrafik einer Tabellenspalte geändert werden soll. Im IE gehts, in Firefox aber leider nicht (sonst ist es immer umgekehrt ).

Die Funktion

<script language="JavaScript">
<!--

function navi_hover(navi){
document.getElementById(navi).background = "template/navi_roll.gif"
}

function navi_hover_out(navi){
document.getElementById(navi).background = "template/navi_roll_out.gif"
}

//-->
</script>

Der Link

<td width="247" id="navi_2" height="15"><a href="#" onMouseOver="javascript:navi_hover('navi_2')"  onMouseOut="javascript:navi_hover_out('navi_2')"><img src="template/arrow.gif" width="21" height="7" border="0"><img src="template/navi_leistungen.gif" width="65" height="7" border="0"></a></td>

Hoffe ihr könnt mir helfen.


Provo

 

[Provo]

Hallo?!?

Kann mir hier niemand helfen??
Es muss doch eine Möglichkeit geben das auch in Mozilla basierten Browsern umzusetzten.

 

[ZeroFlash]

Wie wäre es mit einer auf CSS basierenden Lösung?
Kannst ja mal hier schaun. Vll findest da ja was passendes.

 

[Provo]

Erstmal vielen Dank für die Antwort!

Das hatte ich mir auch schon überlegt mit CSS zu machen, nur ist es soweit ich weiß nicht möglich beim MouseOver und MouseOut jeweils eine andere Grafik als Hintergrund zu machen.

Hier ist mein bissheriges Ergebnis zur besseren Verständniss, aber wie gesagt es funktioniert nur im IE.

http://www.webdezigns.de/KRE8/index.php