title: Form Submit Button Hover Effect Not Showing
body: <p>I have a submission button for a form.  I use a sprite as the background, and so on hover I shift the background over the width of my button to get the hover effect.  However, this is not working.</p>
  
  <p>This is my html:</p>
  
  <pre><code>&lt;form class="a"&gt;
  &lt;All the other Fields...&gt;
  &lt;p&gt;&lt;input type="submit" value="Submit"/&gt;&lt;p&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And my css:</p>
  
  <pre><code>.a input[type="submit"] {
      margin-top: 15px;
      background: url(btn.png) no-repeat;
      width: 108px;
      height: 42px;
      border: none;
      color: transparent;
      font-size: 0;
  }
  
  .a input[type="submit"]:hover {
      background: url(btn.png) no-repeat 109 0;
  }
  </code></pre>