Cuando se mueve el div sobre, un efecto de transición CSS mueve el div.

El problema, como se puede ver en el ejemplo, es que la transición 'traducir' tiene el horrible efecto secundario de hacer que la imagen en la div se mueva 1px abajo / derecha (y posiblemente redimensionar ligeramente) para que aparezca. de lugar y fuera de foco ...

La falla parece aplicarse todo el tiempo que se aplica el efecto de desplazamiento, y de un proceso de prueba y error puedo decir con seguridad que solo parece ocurrir cuando la transición de traducción mueve el div (la sombra de la caja y la opacidad también se aplican pero no hacen ninguna diferencia el error cuando se elimina).

2ª EDICIÓN: En realidad, problema NO resuelto!

Al crear un JSFiddle para ilustrar el problema, tropecé con una observación interesante. El problema solo ocurre cuando la página tiene barras de desplazamiento. Por lo tanto, el ejemplo con solo una instancia de div está bien, pero una vez más se agregan divs idénticos y, por lo tanto, la página requiere una barra de desplazamiento donde el problema vuelve a aparecer ...

¡¿Algunas ideas?!