HTML - tableau liens et CSS

Bonjour à tous,

voilà j'ai mis 4 lien dans un tableau classique HTML. Ce tableau fait partie d'une classe CSS nommée "menu".

voici le code :

<table class="menu" border = "1">
<tr>
<td><a href="">Dates</a></td>
</tr>
<tr>
<td><a href="">Playlist</a></td>
</tr>
<tr>
<td><a href="">Mixs</a></td>
</tr>
<tr>
<td><a href="">Links</a></td>
</tr>
<tr>
<td><a href="">Contact</a></td>
</tr>
</table>

Jusqu'ici tt va bien !
J'aimerais qu'au passage de la souris sur chaque case du tableau, la case change de couleur.
J'ai reussi à faire quelque chose mais je n'arrive pas a remplir la case entierement.

Voici la CSS :

body {font: 14px, courier new,; background : #A91100;}
a {text-decoration: none;}

.menu
{
width : 100px;
margin : 0px;
text-align : center;
}

.menu a
{ color : black;}

.menu a:hover
{ background: #DF0000;}

Le probleme n'a pas l'air compliqué mais je débute...

merci d'avance pour vos réponse