title: Remove border around sprite image in Chrome
body: <p>First time using this technique, seems that regardless what attributes I try to assign the border will not go away in Chrome. Other browsers are fine. I've tried outline:none, border:0; etc, etc. Also tried adding a colored border around the image, and noticed the the black border was still there within the colored border. Doesn't seem to want to go away.</p>
  
  <p>Work-around's or advice much appreciated.</p>
  
  <pre><code>.share-link {
  display: block;
  width: 41px;
  height: 32px;
  text-decoration: none;
  background: url("link-icon.png");
  }
  
  .share-link:hover {
  background-position: -41px 0;
  }
  
  
  &lt;a title="Share this Link" href="#"&gt;&lt;img class="share-link"&gt;&lt;/a&gt;
  </code></pre>