Удаление синего контура/рамки из привязки изображения IE

Чтобы начать, я даже не знаю, что это. Я пробовал text-decoration: none, border: none, outline: 0, и ничего не работает? Мой CSS файл работает нормально, не так ли?

Вот картина: http://i38.tinypic.com/rbgv3k.jpg

<div id="links">
  <span id="user"><a id="link" href="register.php"><img src="images/user.png"/></a></span>
  <span id="follow"><a id="link" href="#" onclick="location.href='https://twitter.com/itsybitsycom'; return false;"><img src="images/follow.png"/></a></span>
  <span id="about"><a id="link" href="about.html"><img src="images/about.png"/></a></span>
  <span id="stats"><a id="link" href="profile.php"><img src="images/stats.png"/></a></span>
</div>

CSS

#link {
  text-decoration:none;
  border:0;
  outline:none;
}

Ответы

Ответ 1

попробуйте добавить следующее к вашему CSS

img{ border:0 }

Ответ 2

IE добавляет границу вокруг изображений, если они являются дочерними элементами привязки. Вы можете удалить это, установив границу в none:

a img {
      border: none;
}

Ответ 3

a{
    outline: none !important;
 }

Работал для меня.

Ответ 4

Вам нужно добавить CSS к изображению, а не к ссылке. Вместо #link вам нужно использовать #link img в качестве селектора.

Тогда border:none; должен работать для вас.

#link img {
    border: none;
}

Ответ 5

#link img a
 {
 border:0;
 outline:none;
 }

Ответ 6

Вы можете сделать это с помощью этого CSS:

border-style: none;