title: Firefox add's 2px padding in a submit button
body: <p>Hi I seem to be having some problems with Firefox adding 2 extra pixels of padding in a submit button.I have tested this in chrome and IE9 and both browsers render the code ok,Firefox seems to be adding 2 pixel padding at the bottom to the submit button with the key background on the top-right corner.Here is the website:</p>
  
  <p><a href="http://www.thanathos.host22.com/" rel="noreferrer">www.thanathos.host22.com</a></p>
  
  <p>This is the code for the site:</p>
  
  <pre><code> &lt;form method="post" action="index.html"&gt;
                 &lt;input type="text" value="Username"/&gt;
                 &lt;input type="text" value="Password"/&gt;
                 &lt;input type="submit" id="submit" value=""/&gt;
                 &lt;img src="img/header/key.png" alt="" id="key"/&gt;
        &lt;/form&gt;
  
      header section form input{
          color:#b3aaaa;
          border:1px solid #cccccc;
          float: left;
          padding:5px 8px;
          margin-left: 6px;
      }
  </code></pre>
  
  <p>How can I correct this?</p>
  
  <p>If there is no solution for this can anyone please provide me a solution in witch the input text is equal with input submit and the input text is center from top-bottom?</p>
  
  <p><img src="https://i.stack.imgur.com/jcRDn.png" alt="enter image description here"></p>
  
  <p><strong>EDIT:</strong> I have checked this in another computer and it seems that Firefox renders this correctly I have encountered this type of problem before that the same browser version shows a website a bit different on different computers.Last time something similar happened in chrome.I never could solve this problem.</p>
  
  <p>Anyone know why the same browser would render a page differently on different computers with the same screen size and resolution?</p>