title: Using an image as a submit button
body: <p>If I want to make my own clickable buttons, I can do this:</p>
  
  <pre><code>&lt;a href="javascript:;" class="button"&gt;Sign up&lt;/a&gt;
  </code></pre>
  
  <p>Where CSS rules for <code>a.button</code> causes the link to be shown as a button. If I apply the same trick to <code>&lt;input type="submit" /&gt;</code>, I get the button image but it is shown on top of the default submit button and the cursor doesn't change to a hand like it does on <code>&lt;a&gt;</code> tags.</p>
  
  <p>How can I fix this behavior?</p>