title: CSS border radius rounds corners but not background
body: <p>I'm using a 15px rounded border on a div, and the border itself is rounded on the outside but on the inside (where border meets background) it's still a square corner.</p>
  
  <p>Example: <a href="http://jsfiddle.net/BQT5F/1/" rel="nofollow">http://jsfiddle.net/BQT5F/1/</a></p>
  
  <p>I thought <code>background-clip</code> would help out here but it doesn't. This should be possible, right? </p>
  
  <p>(Also, I know it's not IE compatible, I'm just aiming for chrome and FF for the moment)</p>