Adding Rollover image on submit button

<input class="button success small" type="image" src="images/x.png" onmouseover="this.src='images/x1.png'" onmouseout="this.src='images/x.png'" alt="Submit" width="30" height="30">

here 'x' and 'x1' are two different images