Movimiento de texto no deseado al mover el mouse - jquery, html, css

Estoy construyendo un sitio para un restaurante y encontré una falla en Chrome.

manifestación

En Chrome cuando se desplaza hasta el finalEn la parte inferior de la página aparece el submenú. Cuando se desplaza sobre el texto que parece moverse hacia arriba y hacia abajo, la única acción de desplazamiento programada fue el cambio de opacidad. No estoy seguro de por qué sucede eso.

Edit: encontré que tiene algo que ver con mi

.nav ul li a:hover {
opacity: .6;}

cuando se elimina, no se activa el efecto de desplazamiento y esto ya no ocurre ...

más específicamente creo que es algo que ver con

    -webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-ms-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;

Respuestas

El problema terminó siendo un problema con el webkit donde la transición de opacidad hace que todo se mueva en mi cabeza por 1px

la solución fue

    -webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotate(0);

imagen se mueve en el hover - problema de opacidad de cromo