safettito: Hover mit Grafikbutton Hilfe !

Beitrag lesen

Hi,
Stehe ziemlich am Anfang der Materie und habe ein kleines Problem mit der CSS Angabe für der Hover Effekt bei Button die mittels Grafikeinbindung erstellt wurden.

Würde gerne nun den Hover Effekt mittels zweiter Grafik (Wechselgrafik) für alle Buttons zufügen oder anderer Variante wo man den Hover effekt optisch gut bemerkt.
Die zweite Frage die Sich ergibt die Buttons haben zur Zeit keinen Textinhalt sollte man diesen mittels (X)HTML deklarieren oder eher die Button mittels Grafikprogramm beschreiben ?
Hoffe habe alles deutlich erklärt, vielen Dank im Voraus für jede Hilfe

CSS:

.menu li, .menu img{
float:left;
list-style-type:none;
}

Quellcode:

<ul class="menu">
<li><a href="#"><img src="images/but1.jpg" alt="" width="135" height="36" /></a></li>
<li><a href="#"><img src="images/but2.jpg" alt="" width="130" height="36" /></a></li>
<li><a href="#"><img src="images/but3.jpg" alt="" width="130" height="36" /></a></li>
<li><a href="#"><img src="images/but4.jpg" alt="" width="130" height="36" /></a></li>
<li><a href="#"><img src="images/but5.jpg" alt="" width="130" height="36" /></a></li>
<li><img src="images/butclean.jpg" alt="" width="111" height="36"/> </li>
</ul>