title: How do I create a Submit button mouseover?
body: <p>I am creating an HTML contact form that uses a standard image for a submit button.</p>
  
  <p>Here is the html:</p>
  
  <pre><code>&lt;form action="#"&gt;
      &lt;fieldset&gt;
          &lt;input type="text" name="name" value="FULL NAME" onfocus="if (this.value=='FULL NAME') this.value='';"/&gt;
          &lt;input type="text" name="" value="PHONE NUMBER" onfocus="if (this.value=='PHONE NUMBER') this.value='';"/&gt;
          &lt;input type="text" name="" value="EMAIL" onfocus="if (this.value=='EMAIL') this.value='';"/&gt;
          &lt;input type="text" name="" value="MOVE DATE" onfocus="if (this.value=='MOVE DATE') this.value='';"/&gt;
          &lt;input type="text" name="" value="ORIGINATING ADDRESS" onfocus="if (this.value=='ORIGINATING ADDRESS') this.value='';"/&gt;
          &lt;input type="text" name="" value="DESTINATION ADDRESS" onfocus="if (this.value=='DESTINATION ADDRESS') this.value='';"/&gt;
          &lt;select name="type"&gt;
              &lt;option value="Private"&gt;Private&lt;/option&gt;
              &lt;option value="Commercial"&gt;Commercial&lt;/option&gt;
          &lt;/select&gt;
          &lt;input id="quoteSubmit" type="image" src="_images/btn_submit.png" alt="" /&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The static Submit button image is okay, but I would like change it on mouseover to btn_submit-over.png.</p>
  
  <p>I am familiar with mouseovers useing css sprites, but they don't work for submit buttons. I would appreciate some help.</p>
  
  <p>Thanks!</p>