相关疑难解决方法(0)

我有一个导航栏,它由<img>各自<a>元素中的元素组成.然而,由于某种原因,在IE中它在图像周围形成了深黑色边框.它在其他浏览器中没有做同样的事情,我似乎无法弄明白......这是我正在使用的HTML.

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

我有大约5个链接都是这样写的,我用CSS将它设计成导航栏.在其他浏览器上,它就像这样

但在IE上,它就是这样的

我之前从未遇到过这样的问题,到目前为止我试图修复它的问题还没有成功.有没有办法用CSS取出这些边框？

首先,我甚至不知道这是什么.我试过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="https://twitter.com/itsybitsycom"><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;
}

我有以下链接的CSS代码:

a {
    text-decoration: none;
    color: #248AC9;
}

a:hover {
    color: #8DCFF7;
}

问题是在Internet Explorer中,图像具有与"颜色"颜色相同的奇怪边框.我该如何解决这个问题,并正确地绘制图像.HTML代码很简单: <a href="calculator-operators.htm"><img src="img/link.png" /></a>

那么,我该如何解决这个问题呢？