title: Why is the link bigger than the span inside?
body: <p>I´m experimenting a bit with css sprites and have a small problem wich I tracked down to the following question.</p>
  
  <p>I have this simple HTML and some styles applied - see the fiddle below.</p>
  
  <pre><code>&lt;a href="#"&gt;&lt;span class="fs"&gt;&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>For the span I defined a fixed size of 16x16px - but the link area seems to be bigger (I assigned different colors). Why? I already tried to define a line-height of same size...</p>
  
  <p><a href="http://jsfiddle.net/tPemb/" rel="nofollow">http://jsfiddle.net/tPemb/</a></p>
  
  <p>I think I need a coffee...</p>