Need help using a mouse over effect

[bigdogcattle]

I have the following code for a sign up form. I want the button to change when the mouse hovers over. Can someone help me? The button that I want it to change to is: sign_up_mouseover.png

<ul class="site-nav2">
                     <p>&nbsp;</p>
                  <FORM ACTION="https://app.expressemailmarketing.com/Survey.aspx?SFID=75036" METHOD="POST">
    <div align="center">      <span class="style20"><FONT FACE="arial, helvetica">Sign up for our Mailing List
      </FONT></span>
        <BR>
        <input type="TEXT" name="email" />
        <BR>
        <INPUT TYPE="IMAGE" SRC="images/sign_up.png" ALIGN="ABSMIDDLE" BORDER="0" />
        <INPUT TYPE="HIDDEN" NAME="SkipSurvey" VALUE="FALSE" />
    </div>
</FORM>
                  </ul>

Attached is what the form looks like now. You can see it at www.bigdogcattle.com

Thanks
Jamie


[mod::code tags added]

[dmcleary]

Hello Bigdogcattle,

Sitepoint have an excellent tutorial and explanation of what you need:

http://articles.sitepoint.com/article/mouseover-images

I hope that helps.

Regards,


David