奇怪的故障导致内容在悬停在图像上时移动

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 > li > a > img”定义样式？如果您没有定义链接的所有状态，我已经看到会发生这种情况。我的猜测是它与边界有关？