OnmouseOut på tr, varför funkar det inte?

Har ett problem... Nedanstående kod funkar bra vid onmouseover, men inte vid onmouseout. Texten blir svart när jag för musen över tr, men den blir inte vit när jag för musen bort från den... Något tips?

Javascriptkoden:

function VisaInfo(src,id1,id2)
{
if (!src.contains(event.fromElement))
{
document.getElementById(id1).className = id2;
}
}

CSS-koden:

.infotd1 {font-size: 11px; font-family: Verdana; color: #000000; }
.infotd2 {font-size: 11px; font-family: Verdana; color: #FFFFFF;  }

Anropet på sidan:

<tr onMouseOver="VisaInfo(this,'td2','infotd1');" onMouseOut="VisaInfo(this,'td2','infotd2');">
<td>Hej hej</td>
</tr>