Tabelachtergrond veranderen met CSS probleem

[Verwijderd]

Ik heb alle topics die ik kon vinden over tabellen en css
al nagekeken en bestudeerd, maar ik kom er niet uit.
Ik zal wel iets heel stoms hebben fout gedaan.

Het is dus de bedoeling dat als ik met me muis over de
desbetreffende tabel ga, dat de achtergrondkleur van die
tabel veranderd.

Ik heb nu dit:

code:

<style>
    td.mouseOut {
       font-size:11px;
       background-color:#333399;
       color:#ffffff;
       font-family:Verdana;
    }
   
    td.mouseOver {
       font-size:11px;
       background-color:#3333ff;
       color:#ffffff;
       font-family:Verdana;
    }
</style>

en die roep ik in de body dan zo aan:

code:

<td width="33%" class="mouseOut">.</td>

Waarom werkt dit niet? en hoe werkt het wel?
Het zal vast wel iets vaags, of makkelijks zijn, maar ik
kom er jammer genoeg niet uit

[Verwijderd]

code:

<td class="mouseOut"
    onmouseover="this.style='mouseOver'"
    onmouseout="this.style='mouseOut'">
      Yeah
</td>