title: Safari & Firefox displays border around icon
body: <p>Navigation arrow icon looks fine in Chrome but displays a border in Safari and Firefox, in fact Firefox does not load the image at all. This is the CSS I am using;</p>
  
  <pre><code>.icon-arrow-slide-left:before {
  background-image: url(http://byjada.com/wp-content/uploads/2014/08/greyarrowleft.png);
  background-repeat: no-repeat;
  background-position: center;
  border:none; }
  </code></pre>
  
  <p>Link to page> <a href="http://byjada.com/product/rose-gold-diamond-studded-ring/" rel="nofollow">http://byjada.com/product/rose-gold-diamond-studded-ring/</a></p>