onmouseover og out

Det her stykke kode virker i IE men ikke andre browser, håber på noget hjælp, evt. et andet script hvis jeg er helt galt på den.


<html>
<script language="javascript" type="text/javascript">
var imgs = new Array();

imgs[0] = new Array();
imgs[0][0] = new Image();
imgs[0][0].src = "MenuLeftBut.gif";

imgs[1] = new Array();
imgs[1][0] = new Image();
imgs[1][0].src = "MenuLeftButOver.gif"
;


function changeOver(r)
{
    for (i=0; i<r.children.length; i++)
    {
        r.children[i].style.backgroundImage="url("+imgs[1][0].src+")";
    }
}

function changeOut(r)
{
    for (i=0; i<r.children.length; i++)
    {
        r.children[i].style.backgroundImage="url("+imgs[0][0].src+")";
    }
}

</script>
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0">
<a href="#">
<tr onmouseover="changeOver(this);" onmouseout="changeOut(this);">
<td style="background-image:url(MenuLeftBut.gif); style="cursor:pointer;"  width="140" height="21">tester</td>
</tr>
</a>
</table>


</body>
</html>