title: How do I round the corner of images in Chrome (and other webkit browsers)?
body: <p>In Firefox if I put an image in an element and then use border-radius, Firefox clips the image and it looks great! Works the same way in IE9 (amazing!). In Chrome (or any webkit browser) the border is rounded but it doesn't clip the image and it looks horrible. What am I doing wrong?</p>
  
  <pre><code>border-radius:10px;
  -moz-border-radius:10px;
  -o-border-radius:10px;
  -webkit-border-radius:10px;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/vboOB.png" alt="Image Example"></p>