CSS ovladane JS

Mam stranky, kde je obrovska tabulka. Chci, aby kdyz nad jakoukoli bunku najedu mysi, zabarvi se. Pouzil jsem metodu onmouseover a onmouseout a na ne navazujici skript. Neslo by to udelat nejak jinak, abych udelal proste tabulku <table><tr><td>ahoj</td></tr></table> a po najeti nad bunku se zabarvila? Jde mi o to, ze ta tabulka je fakt velka a zdrojak ma o nekolik kilobajtu vic... Dekuju
skus
<table><tr class="xyz"><td>TEXT</td></tr></table>


v CSS potom:

.xyz{
background-color: white;
}

.xyz:hover{
background-color: red;
}

ale nie som si isty, ci to bude fungovat a nechce sa mi to skusat :-)
bude, jedna z mala veci ktera na <tr> funguje ...
ale nebude to fungovat v ie, ten umi hover jenom pro odkazy
Tak to nejde ani v IE, ani v Netscapu a ani v Mozille Firefox. To je blby...
mozna kdyby se ta trida dala td misto tr
Aby to slo aspon v mozille tak to musis dat na td ale v ie to stejne nepojede.
A co Java Scriptem?

<tr onmouseover="this.style.backgroundColor='#000000'; onmouseout="this.style.backgroundColor='#ffffff'">
nebo spis:

<tr onmouseover="this.style.backgroundColor='#000000';" onmouseout="this.style.backgroundColor='#ffffff';">
http://www.chose.cz/weblog/1091719620-efektivni-rollover-hover-na-radku-tabulky.html ?
praveze tem javacriptum se chci vyhnout, je to pak neprehledny a zdrojak je velkej
Ono by to v CSS samozřejmě šlo, ale problém je v tom, že Infernal Eternal je prostě impotentní a nedokáže to zobrazit, na rozdíl od moderních prohlížečů :-(