title: remove the black underline on hover for an image link
body: <p>I'm havins some difficulty with my image links in google chrome.
  the images get a black underline when they have been hovered over, how do i remove this I've tried</p>
  
  <pre><code>a {
     color: #000;
     &amp;:visited {
        color: #666;
     }
     &amp;:hover {
        outline-style:none;
        box-shadow:none;
        border-color:transparent;
     }
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>a {
     color: #000;
     &amp;:visited {
        color: #666;
     }
     &amp;:hover {
        border-style:none;
     }
  }
  </code></pre>
  
  <p>along with loads of other things but nothing seems to work, the css does effect it but not how I want it to, Any help would really be appreciated.</p>