Ciao a tutti

Sto cercando di fare un semplicissimo menù strutturato in questo modo:

Nelle righe di una tebella inserisco un'immagine di sfondo e poi del seplice testo. Così:
codice:
 
 <table width="99%" border="0" cellspacing="0" cellpadding="0"  style="border:solid 1px #CCCCCC ">
    <tr>
      <td height="20" class="sfonfo_pulsante">testo 1</td>
    </tr>
...
dove class="sfonfo_pulsante" corrisponde a :

codice:
.sfonfo_pulsante
{
	background-image: url(immagini/pulsante.png);
	background-repeat:no-repeat;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: help;   
	font-weight:bold;
	padding-left:20px;
}
Ciò che vorrei fare è che al passaggio del mouse l'immagine sfondo (pusante.png) si alterni ad un'altra immagine ad esempio pusante1.png.

Qualcuno può aiutarmi ??
Grazie a tutti.