Comment supprimer les frontières autour des liens dans IE?

Question

J'ai une barre de navigation qui se compose d'un <img> des éléments au sein de leurs respectifs <a> - éléments. Cependant, pour une raison quelconque dans IE sa fabrication d'un noir foncé bordure autour des images. Ses pas faire la même dans les autres navigateurs, je n'arrive pas à comprendre cela... C'est le code html que j'utilise.

<li>
   <a href="#">
      <span id="nav1">
         <img src="tt_1.png" />
      </span>
   </a>
</li>

J'ai environ 5 liens tous écrit comme ça et j'ai utilisé le CSS pour le style dans une barre de navigation. Sur d'autres navigateurs, il vient comme ceci

mais sur IE, il vient comme ceci

Je n'ai jamais rencontré un problème comme ça avant, et ce que j'ai reserached de l'essayer et de le fixer jusqu'à présent n'ont pas travaillé. Est-il un moyen de prendre ces frontières à l'aide de CSS?

Answer 1

Essayez ce css

 a, img {
    border:none;
    outline:none
}
 

Cela supprimera les frontières de tous les liens et images.

Answer 2

Je crois que IE met des frontières autour d’images qui sont des liens. Vous devriez donc pouvoir supprimer ceci en disant:

 a img {
    border: 0;
}
 

Answer 3

Ajoutez style="border: none;" à tout ce qui crée la bordure ou créez un css avec cet attribut.