Почему «пляшут» изображения в firefox/mozilla?

Question

[Артём Кобяков]

Добрый день! Уже которую неделю мучаюсь, надеюсь тут на помощь опытных.

Есть страница www.tendence.ru/test.html
Справа от видео при наведении на картинки они начинают съезжать на 1 пиксель.
И это только в Mozilla Firefox, в остальных браузерах все ок.

Использую стили такие:

a img { border: none;}
.w90 a:hover img {
border: none; opacity:0.75; filter:alpha(opacity=75); /* For IE8 and earlier */
-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: none;transition: 0.5s;
.w90 img{
	width: 90px;
}
}

Как можно решить проблему?
Спасибо!

Answer 1

[maxaon]

Известная бага “-webkit-backface-visibility:hidden;” поможет.

Comments

[maxaon]

Добавьте еще -moz-backface-visibility:hidden и backface-visibility:hidden
В хроме тоже дергается

[Артём Кобяков]

@maxaon спасибо большое! помогло) чудо свойство

Answer 2

[Snewer]

У меня все нормально отображается

Answer 3

[Виталий Киренков]

Лично у меня не съезжает, но можете попробовать ещё на img { display: block;} добавить и проверить.

Comments

[Артём Кобяков]

не помогает, спасибо за совет

[Виталий Киренков]

Без display: block.

vertical-align: top;

[Артём Кобяков]

@DeLaVega что-то не помогает, или я не там его прописываю...

Answer 4

[1001001 111]

Обнови Mozilla Firefox =)

Comments

[Артём Кобяков]

на половину компах скачет, на других не скачет, обновления не помогли там нде скачет)

[1001001 111]

@Kotovod какая версия firefox?

[Артём Кобяков]

с обновлением стало скакать

[Артём Кобяков]

@IgorO2 28.0

Answer 5

[gopromax]

У меня тоже все нормально, так что сложно сказать, но поиграйтесь, посмотрите.
Например, поставьте width: 90px; height: 90px; на а, a самому img width: 100%.
Не помогает? лепим overflow: hidden; на ашку.
Не помогает? оставляем ашке w90; h90; и ставим картинку как background.
Не помогает? пишите, будем дальше фантазировать :]

Comments

[Артём Кобяков]

Спасибо, решилось советом ниже

Answer 6

[Юрий Лобанов]

Вроде все ок.
Не по теме, но добавьте сверху свободное пространство. Первое впечатление, что ссылка на якорь, я попытался прокрутить до верха страницы. Не отпускает ощущение, что обрезана страницы. Это и некрасиво, и с толку сбивает. Добавьте белого пространства сверху или полосу какую-нибудь.
Если страница исключительно тестовая - то естественно не обращайте внимания )

Comments

[Артём Кобяков]

Конечно тестовая, но спасибо)

Answer 7

[Griz3003]

Столкнулся с аналогичной проблемой, причем на 2 разных компьютерах. Обратил внимание, что при переводе firefox/mozilla в полноэкранный режим подергивание прекращается.