I'm trying to get the background image of a table cell to change/rollover when you mouse over a link. This code works in IE, but in Firefox/Mozilla/Netscape it says that it can't find the object "changebg", so is there another way to pass the object's name?

I know this can be done by calling onmouseover/out from the TD tag but I have to get it working from a link (there will be multiple links each with a different rollover image in the TD).

The sample webpage:

<title>Change Test</title> 
<style type="text/css"> 
td.image { 
background: url(intside1.jpg); 
td.image2 { 
background: url(intside2.jpg); 

<table width="100" height="100"> 
<td id="changebg" name="changebg">
<a href="#" onmouseover="changebg.className='image2'" onmouseout="changebg.className='image'">Change</a>