getElementById med tables?

Hej

Jeg har følgende kode:

<td align="right" onmouseover="document.getElementById('off').setAttribute('on');" onmouseout="document.getElementById('off').setAttribute('on');"></td>

I min CSS har jeg defineret en #on og #off for forskellige baggrunds billeder i en tabel

I <td> har jeg så <td id="off">

Det jeg prøver på er når man peger over denne her tabel skal baggrunds billedet skifte på den anden.

Har næsten ingen javascript erfaring så prøver mig bare frem, men har prøvet lidt og det virker ikke.

Er der nogle der kan hjælpe? Kan uddybe hvis det i ikke helt forstår hvad jeg mener.

På forhånd tak.