title: Form Button Image Mouseover Options
body: <p>I have a form that has nine (yes 9) buttons and I have been requested by the client to provide mouse over action on each one of them. I am very comfortable with standard mouse overs using CSS and background images, but not with how to effectively swap out an image in something like this:</p>
  
  <pre><code>&lt;input type="image" src="images/fl-ounces.jpg" name="fluidOunces" alt="" /&gt;
  </code></pre>
  
  <p>I have searched far and wide on Google and found one dated (2004) option <a href="http://www.dynamicdrive.com/dynamicindex5/button2.htm" rel="nofollow noreferrer">here</a> but I keep thinking there has got to be a better way. I would appreciate some guidance on this.</p>
  
  <p>Thanks!</p>