为什么Chrome在我的图片链接上显示奇怪形状的高光？

Question

当标签显示在Chrome浏览器中我网页上的链接时，此图片链接周围的标签高亮显示框如下所示：

alt text http://www.chordfusion.com/images_so/wtf.png

（橙色边框是Chrome显示的高亮框）

HTML / CSS并不是那么特别：

<a href="download.html">
    <img src="images/download_button.png" class="downloadbutton"/>
</a>

img.downloadbutton
{
    margin-right: 0px;
    border:none;
}

有什么想法吗？

Answer 1

我的猜测，要么在img行的末尾有空格，要么将HTML视为空格。尝试将a的所有内容放在一行，然后查看它是否消失。