title: CSS: Size of buttons in Chrome is different than Firefox
body: <p>I have the following HTML code:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  .submitbutton{margin-left:-2px;padding:1px}
  &lt;/style&gt;
  ...
  &lt;form&gt; 
  ... 
  &lt;input class=submitbutton type=submit value="Create Listings" /&gt; 
  &lt;/form&gt;
  </code></pre>
  
  <p>In Firefox, the input button has more padding than in Chrome.</p>
  
  <p>Any ideas why?</p>
  
  <p>UPDATE: If you're wondering why I have the negative margin - it's because between the input field and the input button - there is too much space.</p>