当鼠标悬停在图像上时，奇怪的故障会导致内容移动

Question

我的网站在Internet Explorer 7/8/9中出现问题。这是我如何重现它：

1. 转到http://pieterdedecker.be/。
2. 将鼠标悬停在“编程：软件和网站”下的第四个图标上。
3. 用蜡烛慢慢地将鼠标移向缩略图。
4. 触发鼠标悬停时，图像向下移动几个像素。

这是奇怪的事情：当我从样式表中删除这个CSS规则时，网站工作正常：

ul.grid > li > a > img:hover {
    border: 2px solid #007FFF;
}

这里发生了什么？

更新：这是一个演示此问题的视频。 http://www.screentoaster.com/watch/stUE5QREZKRFtXRFtfWFNQVV9c

Answer 1

老实说，我没有看到它，所以我不能给你一个100％准确的答案，但你确定它不是导致这种轻微转变的边界吗？

Answer 2

彼得， 您是否尝试过定义“ul.grid＆gt; li＆gt; a＆gt; img”的样式？如果您没有定义链接的所有状态，我已经看到了这种情况。我的猜测是它与边界有关吗？