停止CSS’a’样式应用于链接的图像

我被指示在网站上建立链接的颜色不同于字体颜色.这一切看起来都很简单,使用如下所示的border-bottom,除了链接的图像现在也加下划线.

有没有办法,不使用JS,停止发生？

a{
    color: #6A737B;
    text-decoration: none;
}
a:hover{
    border-bottom: 1px solid #C60B46;
    text-decoration: none;
}

一个例子 – 将鼠标悬停在下面的图像上现在为它添加了边框底部的CSS样式,我不想要它 –

<a title="Dyne Drewett" href="http://test.dynedrewett.com">
    <img class="attachment-full" width="202" height="78" alt="Dyne Drewett Solicitors" src="http://test.example.com/Website-Header.png">
</a>

我建议在链接中添加一个类,这样就可以了

a.imglink:hover{
  border:0;
}

或者,如果您无法控制该类,则可以尝试为图像添加负边距,以确保边框不显示：

a img{
    margin:0 0 -1px 0;
}

-1px可能需要根据您的其他规则进行调整

这是一个显示负利润解决方案的小提琴：http://jsfiddle.net/QRXGe/