funktion: byt css-klass vid onmouseover

Borde inte kodsnutten nedan fungera om man vill göra en funktion som byter css-klass vid en mouseover på en tabellcell?

Javascriptet:
function bgon(obj) {
obj.className='meny-on';
obj.style.cursor='hand';
}

function bgoff(obj) {
obj.className='meny-off';
obj.style.cursor='default';
}

Tabellcellen:
<td onmouseover="bgon(this)" onmouseout="bgoff(this)">Hallo</td>

Själklart har jag två css-klasser som heter meny-off och meny-on, men de tog jag bara inte med här. Det verkar dock bara vara problem med obj.className-biten iom att pekaren byter från default till hand när man drar den över cellen. Notera att jag inte är någon hejare på javascript, så jag är väldigt tacksam för hjälp. :)

Detta funkar för mig:

<style>
<!--
.bgon{background-color:red;cursor:pointer;}
.bgoff{background-color:black;cursor:default;}
-->
</style>

<td onmouseover= "this.className='bgon'"  onmouseout="this.className='bgoff'">Hallo</td>

Ah, så gick ju också göra. Tack så mycket. :)