title: Rounded corners on rectangular image using CSS only
body: <p>I'd like to create a round image from a rectangular image using radius-border.</p>
  
  <p>Is there simple way to achieve this with CSS without distorting the image AND ensuring a circle is perfectly round.</p>
  
  <p>See failed attempts here:</p>
  
  <p><a href="http://jsfiddle.net/v8g3y0na/">http://jsfiddle.net/v8g3y0na/</a></p>
  
  <pre><code>.rounded-corners-2{
      border-radius: 100px;
      height: 150px;
      width: 150px;
  </code></pre>
  
  <p>Can this be done in only CSS.....?</p>