title: CSS border-radius + box-shadow in Safari
body: <p>I made a CSS class to display images rouded with border and some shadows. In Chrome, Firefox all OK, but Safari displays it wrong.</p>
  
  <p>Code used may be found in this <a href="http://jsfiddle.net/SpartakusMd/qzKA5/" rel="nofollow noreferrer">fiddle</a> or below:</p>
  
  <pre><code>img {
      width: 200px;
      height: 200px;
      border: 5px solid #DDD;
      border-radius: 100px;
      box-shadow: 0 7px 10px #CCC;
  }
  </code></pre>
  
  <p>How to make it work in Safari?</p>
  
  <p>Screenshots (first is Chrome, Second is Safari):</p>
  
  <p><img src="https://i.stack.imgur.com/p5ksN.png" alt="Chrome"> <img src="https://i.stack.imgur.com/NJdK8.png" alt="Safari"></p>