immagine in un form

[emmebbì]

alla fine di un form ho un immagine "Rispondi" che mi fa andare ad un altra pagina; io voglio che quando ci va il mouse sopra mi cambi l'immagine come si può fare. io ho provato così

<input name="imageField" type="image" src="img/rispondi.gif" onMouseOver="img/rispondi_over.gif" width="84" height="23" border="0">


ma non da niente

[willybit]

<input name="imageField" type="image" src="img/rispondi.gif" onmouseover="this.src='img/rispondi_over.gif'" onmouseout="this.src='img/rispondi.gif'" width="84" height="23" border="0">