title: Border radius doesn't work on safari?
body: <p>I am creating a WordPress theme, and I have four images, that should be displayed as circles with border.</p>
  
  <p>My HMTL code is the following:</p>
  
  <pre><code>&lt;div class="row homeCategoryImageLinks"&gt;
      &lt;div class="columns large-3"&gt;
          &lt;a href="#"&gt;
              &lt;img src="http://placehold.it/195x195" /&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="columns large-3"&gt;
          &lt;a href="#"&gt;
              &lt;img src="http://placehold.it/195x195" /&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="columns large-3"&gt;
          &lt;a href="#"&gt;
              &lt;img src="http://placehold.it/195x195" /&gt;
          &lt;/a&gt;
      &lt;/div&gt;
      &lt;div class="columns large-3"&gt;
          &lt;a href="#"&gt;
              &lt;img src="http://placehold.it/195x195" /&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and this is my CSS code:</p>
  
  <pre><code>.homeCategoryImageLinks a
  {
      z-index: 3502;
      display: block;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
  }
  
  .homeCategoryImageLinks a img
  {
      display: block;
      border: 5px solid #FFF;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45);
      -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45);
      box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.45);
  }
  </code></pre>
  
  <p>The problem is that, while this code work fine in any browser I have test, doesn't work in Safari.</p>
  
  <p>The desired result should be the following:</p>
  
  <p><img src="https://i.stack.imgur.com/b1TAo.png" alt="enter image description here"></p>
  
  <p>and Safari return this:</p>
  
  <p><img src="https://i.stack.imgur.com/lAvKv.png" alt="enter image description here"></p>
  
  <p>How can I fix that issue ?</p>
  
  <p><strong>Note</strong> : The above code work in every tested browser as desired, but not for Safari. The Safari web browser is the exception.</p>
  
  <p><strong>Note 2</strong> : Here you can see live the problem : <a href="http://jsfiddle.net/87EZV/1/" rel="nofollow noreferrer">http://jsfiddle.net/87EZV/1/</a></p>
  
  <p>Kind regards.</p>