title: How do I prevent an image from overflowing a rounded corner box?
body: <p>If I use this code, the image isn't clipped by the div's rounded corners (resulting in the image's square corners covering up the div's rounded ones):</p>
  
  <pre><code>&lt;div style="border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; overflow:hidden;"&gt;
      &lt;img src="big-image.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Does anyone know how to get a rounded corder div to prevent a child image from overflowing?</p>