Menü <a class""> beschriften

[BigO]

Hallo zusammen,

habe da ein kleines Problem.

Bin dabei ein Menü mittels CSS zu erstellen. Da es auch den Mousover Effekt geben soll habe ich das Menü durch

<a class="menu" href="index.html">###Hauptmenu###</a>

beschrieben.

Folgendes Problem:
Da mein CSS Code wie folgt aussieht:

.menu {  
	text-decoration: none;  
	border:0;  
	padding:0;  
	display: block;  
	text-indent: -9999px;  
	letter-spacing: -9999px;  
	font-size:0;  
	width: 198px;  
	height:26px;  
	background-image: url("Buttons/Menu/Obutton.png") ;  
}  
  
.menu:hover, .menu2:hover, .menu3:hover{  
	 background-image:url("Buttons/Menu/mouseover.png");  
}  

funktioniert zwar der Mouseover Effekt jedoch bekomme ich es nicht hin die Beschriftung jetzt auf dem jeweiligen Menüpunkt zu machen.

Bräuchte da ein wenig Hilfe.

Danke im Voraus :)