title: Border-radius on mapbox in safari
body: <p>I am using this angular directive for mapbox (<a href="http://tombatossals.github.io/angular-leaflet-directive/#!/examples/simple-map" rel="nofollow">http://tombatossals.github.io/angular-leaflet-directive/#!/examples/simple-map</a>) and trying to get the border-radius to be 10px which works perfectly in Chrome and Firefox but on Safari it isn't working.</p>
  
  <p>This is the CSS I am using (For some reason it only works with <code>opacity: .99</code> on chrome/firefox)</p>
  
  <pre><code>.angular-mapbox-map{
      opacity: .99;
      border-radius: 10px;
  }
  </code></pre>
  
  <p>Does anybody know what is going on or how to resolve this. You can play with the mapbox element in the link above using chrome dev tools or the equivalent.</p>