如果我将它添加到我的CSS ...
small a:hover, a:hover {background-color: #CCC; }
在IE 8中查看时，这也是链接的所有图像（在Firefox中很好）......
他们看起来正确......
http://notails.com/nothover.jpg
直到我将鼠标悬停在他们身上......
如果删除CSS行，行为就会消失。我试过谷歌搜索，但我只是得到无关的问题。
答案 0 :(得分：3)
默认情况下，图像将其底边与文本的基线对齐。你看到的那个灰色空间是基线以下的空间，被q，p，y等下行器使用（事实上你没有文字是无关紧要的 - 下行空间仍然是保留的。）
你可以像这样摆脱它：
a img { /* You might want to make this rule more specific! */
vertical-align: bottom;
}
有关此问题的完整讨论，请参阅That mysterious gap under images。
答案 1 :(得分：0)
尝试
a {
margin: 0px;
padding: 0px;
}
答案 2 :(得分：0)
您也可以尝试将该项目的行高设置为0.
答案 3 :(得分：-1)
我认为你可能需要将图像的边框设置为none，所以border：none;