My Dynamic css isn’t working

I want to my background behind the link to flip.

Here’s my script in the HEAD part of the document:

<SCRIPT language=”text/JavaScript”>
<!–

function changeCell(id)
{
document.getElementById(id).style.background-image = “url(mouseOver.gif);
}

function changeCellBack(id)
{
document.getElementById(id).style.background-image = “url(mouseOff.gif);
}

// –>

</SCRIPT>

Then I have my link:

<TD background=”mouseOff.gif” class=”cell1″ width=”100″>
<A HREF=”#” onMouseOver=”changeCell(cell1)” onMouseOut=”changeCellBack(cell1)”>link link link</A>
</TD>

I used arguments so that I wouldn’t have to have 2 functions for each link. It doesn’t work?!?

I have no idea why.

Help would be very greatly appreciated

Also in #JavaScript _↴