title: Strange gap between two buttons
body: <p>I'm experiencing a strange behaviour with the HTML <code>button</code> tag. It seems that when I place two buttons side by side, they have a <code>4px</code> gap between them appearing out of nowhere.</p>
  
  <p>Here is a <a href="http://jsfiddle.net/ov16yxb7/" rel="noreferrer">fiddle</a> which shows the issue.</p>
  
  <p>As you can see from the image below, FireBug shows that the gap is neither a <code>margin</code> or a <code>padding</code> (since a <code>padding</code> would be shown in purple).</p>
  
  <p><img src="https://i.stack.imgur.com/oi07l.png" alt="enter image description here"></p>
  
  <p>As a note: I'm using the latest version of Firefox on Windows 8.1 and I tried also with the CSS Reset from Eric Mayer, but the gap is still there.</p>
  
  <p>It's not a really important problem, but it would be nice to know if it's normal or not and what causes it.</p>