title: Font-Awesome icon preventing click in parent button
body: <p>I'm having a problem where the <strong>left two pixels</strong> of a Font-Awesome icon I've placed inside of a button element do not trigger the click event of the button.</p>
  
  <p>Here's an example button:</p>
  
  <pre><code>&lt;button class="btn btn-mini"&gt;
      &lt;i class="icon-edit"&gt;&lt;/i&gt;
  &lt;/button&gt;
  </code></pre>
  
  <p>And here's what it looks like with bootstrap</p>
  
  <p><img src="https://i.stack.imgur.com/DXVYw.png" alt="Styled bootstrap button with Font-Awesome icon within"></p>
  
  <p>Any ideas for why those left two pixels don't trigger a click event? </p>
  
  <p><strong>Edit</strong>: Here's a test site where I've managed to recreate the issue: <a href="http://ace.cwserve.com" rel="noreferrer">http://ace.cwserve.com</a></p>