title: form button must change color when user place mouse pointer over it
body: <p>I have the following form :</p>
  
  <pre><code>&lt;form  action="login_form.php"   method="POST"   id="login_form"&gt;  
    Email  &lt;input name="email" type="text" size="25" placeholder="type your email"/&gt;
    Password  &lt;input name="password" type="text" size="25" placeholder="type your password" /&gt; 
    &lt;input type="submit" value="" name="submit" style="background:url('img/button-go.png') no-repeat;  width:68px;  height:27px;  border:none;  cursor:pointer;    "/&gt;     
  &lt;/form&gt;
  </code></pre>
  
  <p>As you can see, I use as a button in my form an image called <code>button-go.png</code>. I have another button called <code>button-go_light.png</code>. All I want is when the user place mouse pointer above form button called <code>button-go.png</code> to change to <code>button-go_light.png</code>. What is the easier way to do this, that works in all explorers? </p>