Skift baggrundsbillede i <DIV>

Jeg har en side, hvor der er et billede som baggrund i et <DIV>. Jeg vil gerne skifte dette billede, når musen er over, men det virker ikke når musen er over. Koden ser således ud:

<script language="javascript">
function switchbg(act) {
    if (act == 'over') {
    menu1.style.background-image = url(over.gif);
    } else {
    menu1.style.background-image = url(out.gif);
    }
}
</script>

.
.
.

<tr>
    <td><div id="menu1" style="background-image='url(out.gif)'" onmouseover="java script:switchbg('over');" onmouseout="java script:switchbg('out');"></div></td>
</tr>

Nogle forslag til en løsning?