title: How can I add padding to <input type="button">?
body: <p>It's been couple of months since I've done some serious HTML/CSS coding, so I've probably missed a lot of things, but today I stumbled upon a really weird thing.</p>
  
  <p>When I try to apply <code>padding</code> to a <code>&lt;input type="submit"&gt;</code>, it doesn't work anymore.
  I'm about 99% sure that I was able to do this, but now it seems as if it was impossible.</p>
  
  <p>I even looked at one of my older projects, where I know I had padding on submit buttons, but they don't work anymore.</p>
  
  <p>Here's a little demo of the problem</p>
  
  <pre><code>&lt;input type="submit" value="Submit" style="padding: 5px 10px;"&gt;
  &lt;button type="submit" value="Submit" style="padding: 5px 10px;"&gt;Submit&lt;/button&gt;
  </code></pre>
  
  <p>and how it looks in Google Chrome 15 on Mac</p>
  
  <p><img src="https://i.stack.imgur.com/22kuB.jpg" alt="enter image description here"></p>
  
  <p>but it doesn't seem to work in Firefox 4 at all</p>
  
  <p><img src="https://i.stack.imgur.com/v3cYA.jpg" alt="enter image description here"></p>
  
  <p><a href="http://jsbin.com/irogeq/4/edit" rel="noreferrer">Here's a link to the demo source on JSbin.com</a></p>
  
  <p>I would bet that this was working about 6 months ago, but something must have changed. I've been using Windows Vista and OS X Snow Leopard with recent upgrade to Lion, but that doesn't seem like it.</p>
  
  <p>Am I missing something?</p>
  
  <p><strong>edit: fixing the typo DID NOT help. The padding still isn't applied to the first button.</strong></p>
  
  <p><strong>edit2: After going through <a href="http://browserlab.adobe.com" rel="noreferrer">Adobe Browserlab</a> it looks like this is OS X specific problem. I'd still like to know how to do this even on OS X though.</strong></p>