javascript, funciona en explorer pero no en firefox

[rukiah]

Es un javascript que cambia el color del fondo de las tablas cuando pasas el ratón por encima. El problema es que funciona en explorer y chrome pero no en firefox. Mi pregunta es cómo hacer para que sea compatible también con firefox, gracias

Sentencia del código javascript

Código:

<script>
function mOvr(src,clrOver) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD'){
src.children.tags('A')[0].click();
}
}
</script>

sentencia del código implementada en la tabla

Código:

<table>

<tr>
<td onclick="mClk(this);" onmouseout="mOut(this,'#498aa8');" onmouseover="mOvr(this,'#f18b59');" vAlign="center" width="171" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#475B70" height="12"><a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none" href="index.html"><font face="Verdana" size="1">ir a incio</font></a></td>
</tr>


<tr>
<td onclick="mClk(this);" onmouseout="mOut(this,'#498aa8');" onmouseover="mOvr(this,'#f18b59');" vAlign="center" width="171" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#475B70" height="1"><a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none" href="ventanaconstruir.htm"><font face="Verdana" size="1">tutorial </font></a></td>
</tr>


<tr>
<td onclick="mClk(this);" onmouseout="mOut(this,'#498aa8');" onmouseover="mOvr(this,'#f18b59');" vAlign="center" width="171" style="border-bottom: 1px solid rgb(0,0,0); padding-left: 6; padding-top: 1; padding-bottom: 1" bgcolor="#475B70" height="1"><a style="COLOR: rgb(255,255,255); TEXT-DECORATION: none" href="web27.htm"><font face="Verdana" size="1">correo</font></a></td>
</tr>


</table>