Hvordan får man tabeller til at skifte farve ved "mouseOver"

Kig evt her http://activedeveloper.dk/artikler/default.asp?articleid=276 for inspiration.

Her er lidt hvor man bruger CSS.
<html><head>
<SCRIPT language=javascript>
<!---
function color(id,classe)
{if(document.getElementById) {document.getElementById(id).className=classe;}}
// -->
</SCRIPT>

<STYLE type=text/css>
.Over {COLOR:#FFF000;background-color: #CCCC99;}
.Out  {COLOR:#f1f1f1;background-color: #FFFFFF;}
</STYLE>
</head>

<BODY>
<table>
<tr id='tr1' onmouseover="color('tr1','Over');" onmouseout="color('tr1','Out');"><td>Celle</td></tr>
</table>
</BODY></HTML>

Det er en meget simpel måde

lad mig lige ændre den til en normal skriftfarve

<html><head>
<SCRIPT language=javascript>
<!---
function color(id,classe)
{if(document.getElementById) {document.getElementById(id).className=classe;}}
// -->
</SCRIPT>

<STYLE type=text/css>
.Over {background-color: #CCCC99;}
.Out  {background-color: #FFFFFF;}
</STYLE>
</head>

<BODY>
<table>
<tr id='tr1' onmouseover="color('tr1','Over');" onmouseout="color('tr1','Out');"><td>Celle</td></tr>
</table>
</BODY></HTML>

har fundet noget andet så skal ikke bruge det her... men i kan dele pointene...