Нечетный сбой заставляет контент перемещаться при наведении на изображение

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

Pieter, Вы пытались определить стиль для "ul.grid> li> a> img"? Я видел, как это произошло, если вы не определили все состояния ссылки. Я думаю, что это связано с границей?

Answer 2

Честно говоря, я этого не вижу, поэтому не могу дать вам 100% точный ответ, но вы уверены, что это не граница, вызывающая этот небольшой сдвиг?