title: Remove Blue border in IE 10 Compatibility View
body: <p>How can I remove or just don't display the border links in every anchor with image? By the way, browser settings is in compatibility mode. Answers from other question doesn't suffice to solve my problem. I guess because it only applies with lower version of IE.</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I'm currently creating a Custom share buttons where my client requires me.</p>
  
  <pre><code>&lt;div&gt;
      &lt;a onClick="window.open('https://twitter.com/intent/tweet?original_referer=#shareLink#&amp;text=#shareTitle#&amp;tw_p=tweetbutton&amp;url=#shareLink#','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"&gt;
          &lt;img height="20" src="/images/chicklets/Twitter_Tweet.png" /&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;a onClick="window.open('http://www.facebook.com/sharer.php?s=100&amp;amp;p[title]=#shareTitle#&amp;amp;p[summary]=#shareDesc#&amp;amp;p[url]=#shareLink#&amp;amp;p[images][0]=images/Telos.jpg','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"&gt;
          &lt;img height="20" src="/images/chicklets/FaceBook_Share.png"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
      &lt;a onClick="window.open('http://www.linkedin.com/shareArticle?mini=true&amp;url=#shareLink#&amp;title=#shareTitle#&amp;summary=#shareDesc#','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"&gt;
          &lt;img height="20" src="/images/chicklets/LinkedIn_Share.png"&gt;
      &lt;/a&gt;
  &lt;/div&gt;      
  
  &lt;div&gt;
      &lt;a onClick="window.open('https://plus.google.com/share?url=#shareLink#','sharer','toolbar=0,status=0,width=548,height=325');" href="javascript: void(0)"&gt;
          &lt;img height="20" src="/images/chicklets/Google_PlusOne.png"&gt;
      &lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong>:</p>
  
  <pre><code>a {
      outline : none;
      text-decoration: none;
  }
  a img {
      outline : none;
  }
  img {
      border : 0;
      border-style: none;
  }
  div {
      float: left;
      padding-right: 10px;
  }
  </code></pre>
  
  <p>Here's what it looks like with IE10:</p>
  
  <p><img src="https://i.stack.imgur.com/2Oi51.png" alt="enter image description here"></p>