Why do images dance in firefox/mozilla?

Question

Mozilla

Good afternoon! I've been suffering for a week now, I hope here for the help of experienced people.
There is a page www.tendence.ru/test.html
To the right of the video, when you hover over the pictures, they begin to move out by 1 pixel.
And this is only in Mozilla Firefox, in other browsers everything is ok.
I use the following styles:

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;
}
}

How can the problem be solved?
Thank you!

Answer 1

Known bug “-webkit-backface-visibility:hidden;” will help.

Answer 2

Everything looks fine to me

Answer 3

Personally, it doesn’t move out for me, but you can try to add it on img { display: block; } and check it.

Answer 4

Update Mozilla Firefox =)

Answer 5

Everything is fine with me too, so it's hard to say, but play around, look.
For example, set width: 90px; height: 90px; on a, a itself img width: 100%.
Does not help? sculpt overflow: hidden; on ashka.
Does not help? leave ashke w90; h90; and set the image as background.
Does not help? write, we will continue to fantasize:]

Answer 6

Everything seems to be ok.
Off topic, but add white space on top. The first impression is that the link is an anchor, I tried to scroll to the top of the page. It does not let go of the feeling that the page has been cut off. This is both ugly and confusing. Add some white space on top or a stripe of some kind.
If the page is exclusively test - then naturally do not pay attention)

Answer 7

Faced a similar problem, and on 2 different computers. I noticed that when firefox / mozilla is switched to full screen mode, the twitching stops.