title: Inheriting height of a child node (IMG inside A)
body: <p>I have a fancy CSS on my <code>&lt;a&gt;</code> tags. Putting an <code>&lt;img&gt;</code> inside of a link makes the image stick outside of the <code>&lt;a&gt;</code> block, even though it's still clickable, it looks stupid.</p>
  
  <p>Changing <code>&lt;a&gt;</code> to <code>display:block</code>, or <code>float:left</code> fixes this, but has an undesirable <em>not</em>-side effect.</p>
  
  <p>How can I overcome this?</p>
  
  <p><a href="http://jsfiddle.net/z5gdA/2/" rel="nofollow">http://jsfiddle.net/z5gdA/2/</a></p>