奇怪的小故障導致內容在圖像上懸停時移動

Question

我的Internet Explorer 7/8/9中的網站出現問題。下面是我如何重現它：

1. 轉到http://pieterdedecker.be/。
2. 將鼠標懸停在「Programming：software and sites」下的第四個圖標上。
3. 用蠟燭慢慢地將鼠標移向縮略圖。
4. 當鼠標懸停被觸發時，圖像向下移動幾個像素。

下面是奇怪的事情：當我從樣式表中刪除這個CSS規則，該網站工作正常：

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

這裏發生了什麼？

更新：這是一個演示此問題的視頻。 http://www.screentoaster.com/watch/stUE5QREZKRFtXRFtfWFNQVV9c

Answer 1

我真的沒有看到它，所以我不能給你一個100％準確的答案，但你確定它不是導致這種輕微轉變的邊界嗎？

Answer 2

Pieter， 您是否嘗試過爲「ul.grid> li> a> img」定義樣式？如果你沒有定義鏈接的所有狀態，我已經看到了這種情況。我的猜測是它與邊界有關？