title: Font Awesome icon cut off in Chrome when using the btn-small bootstrap class
body: <p>Has anyone else run into this before? I created a very simple example on jsfiddle to reproduce: <a href="http://jsfiddle.net/3UHSc/2/" rel="nofollow">http://jsfiddle.net/3UHSc/2/</a></p>
  
  <pre><code>&lt;a class="btn btn-small"&gt;
      &lt;i class="icon-edit"&gt;&lt;/i&gt; Edit
  &lt;/a&gt;
  </code></pre>
  
  <p>The button looks fine in Firefox and IE, but in Chrome the top pixel of the icon is cut off. I am able to work around it by adding a style rule to make the icon font smaller:</p>
  
  <pre><code>.btn-small &gt; i
  {
      font-size: 11px;
  }
  </code></pre>
  
  <p>But am wondering if there is a better / cleaner way to get this working. </p>