title: Add border to circle image
body: <p>I've added a normal square image to my website and made it into a circle with border-radius and then have tried to add a circle border around it but it only seems to work on Chrome. Any suggestions on how I can fix this?</p>
  
  <pre><code>.face {
  display: block;
  margin: auto;
  border-radius: 100%;
  border: 5px solid #ff675b;}
  </code></pre>
  
  <p>Here is a screenshot of the issue:
  <a href="https://www.dropbox.com/s/4xy26phkjgz9te0/Screen%20Shot%202013-05-01%20at%2001.15.02.png">https://www.dropbox.com/s/4xy26phkjgz9te0/Screen%20Shot%202013-05-01%20at%2001.15.02.png</a></p>