title: Inner element should be trimmed by outer element border radius
body: <p>See here: <a href="http://jsfiddle.net/QSp2W/5/" rel="nofollow">http://jsfiddle.net/QSp2W/5/</a></p>
  
  <p>As you can see the inner <code>h1</code> has a background color which overlaps the rounded corners of the containing <code>div</code>. This is sort of fixed if you set a smaller radius on the inner <code>h1</code> but this is a hack. (Uncomment the commented CSS to see what I mean.)</p>
  
  <h3>Version 2 (23, really)</h3>
  
  <p><a href="http://jsfiddle.net/QSp2W/23/" rel="nofollow">http://jsfiddle.net/QSp2W/23/</a> but I don't know how to apply the <code>*</code> selector to only direct children, not grandchildren.</p>