title: Twitter bootstrap img-circle when try to add border in Safari
body: <p>The class img-circle creates a rounded image as you probably guessed. Now, when you try to add border to that class it behaves weird: it makes the image square with cut-off edges. It works fine on Firefox and Chrome btw.</p>
  
  <p>Please see the attached files to see the difference and also the code!</p>
  
  <p><img src="https://i.stack.imgur.com/FsnwP.png" alt="Safari">  <img src="https://i.stack.imgur.com/lWiUQ.png" alt="Chrome and Firefox"></p>
  
  <pre><code>div#face-wrapper .face {
   position: absolute;
   z-index: 1;
   border: 15px solid #e8e6e6;
  }
  .img-circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  }
  </code></pre>