Bild ausrichten

[CSS]

Moment ich fange mal ganz von vorne an:

Ich möchte ein Menü erstellen in Form einer Tabelle:

**HTML-Code

<div>
<table>

<tr> <td class="punkte"><a href="home.html">Home</a></td>
<td class="punkte"><a href="kontakt.html">Konktakt</a></td> </tr>

</table>
</div>

**CSS-Code

.punkte  
{  
background-color: blue;  
color: white;  //Schirftfarbe  
}  
  
.punkte:hover  
{  
background-color: white;  
color: blue;  //Schirftfarbe  
}

Also wenn man auf eine Zelle mit der Maus drüber geht, soll sich die Hintergrundfarbe der Zelle UND die schriftfarbe ändern. Hintergrundfarbwechsel funktioniert aber warum ändert sich die farbe der schrift nicht?