title: -webkit-border-radius does not crop image properly
body: <p>I have 5 browsers for rendering html coded pages: IE9, Firefox 4.0 and all the newest versions of Chrome, Safari and Opera. Now in IE9 and Firefox 4.0 an image is being cropped properly in using border-radius: and -moz-border-radius: but fails in Opera, Chrome and Safari using -webkit-border-radius:. With Opera the image is not being cropped at all and with Safari and Chrome the image is somewhat cropped but with the border being cropped out as well.</p>
  
  <pre><code>.nonTyp{
  margin: 15px 15px 15px 15px;
  border:4px inset #C1C8DD;
  border-radius:25px;
  -moz-border-radius:25px;
  -webkit-border-radius:25px;
  width:200px;
  height:200px;
  </code></pre>
  
  <p>}</p>
  
  <p>If you have one of the 3 browsers mentioned that utilize -webkit-border-radius: please view images for example of what I have an issue with:
  <a href="http://www.wa-state-outdoors.com/e-portfolio/graphics.html">Graphics Page</a></p>