Changer le fond au passage de la souris

Bonjour!

j'ai un petit soucis que je pense vous saurez resoudre.

en fait comme le dit le titre du topic, j'aimerai que lorsque je passe la souris sur une case de mon menu (une case en td comme <td>accueil</td>) le fond de cette case change de couleur

j'ai beau avoir ces morceaux de js
<td width="93" onMouseOver="this.style.color='#000000' ; this.style.background='#FF0000'" onMouseOut="this.style.backgroundColor='#202020';this.style.color='#FFFFFF'" style="cursor: pointer;">
<a href="">Accueil</a>
</td>

le probleme est que le fond du texte n est pas modifié avec ,
j'ai donc songé à faire une class menu et mettre dans le css

.menu a:hover {
background-color: red;
}

ça marche niquel mais mon soucis est que si je ne suis pas sur le texte avec ma souris tt en restant dans la case le fond de la case change mais pas le fond du texte
ce qui reste extrement moche
je suis obligé de faire venir ma souris sur le texte pr avoir ce que je veux

j espere m etre fait comprendre, et que l'un d entre vous pourra venir à mon secours

merci,

jc