title: Button height inconsistency (cross-browser)
body: <p>I'm having a problem whilst setting the height of a button. Basically I can't manage to have it cross-browser. With Firefox, it is higher than <em>normal</em>, without any reason.</p>
  
  <p>Here it's a screenshot (Firefox, Safari and Opera, in this order):</p>
  
  <p><img src="https://i.stack.imgur.com/rtrIp.png" alt="Initial"></p>
  
  <p>And here the code: <a href="http://jsfiddle.net/TMUnS/2/" rel="nofollow noreferrer">http://jsfiddle.net/TMUnS/2/</a></p>
  
  <p>I also tried adding some specific declarations I found on the web, but actually they just reduced the height a bit, but still, they aren't the same (in the same order):</p>
  
  <p><img src="https://i.stack.imgur.com/VDI1P.png" alt="Second try"></p>
  
  <p>And here the code: <a href="http://jsfiddle.net/TMUnS/4/" rel="nofollow noreferrer">http://jsfiddle.net/TMUnS/4/</a>.</p>
  
  <p>How could I fix this?</p>