css problema de la libración en Chrome y Safari

Question

Este es el sitio que tiene un problema

http://www.clubforeducation.com/

Menú superior va a cambiar su color al puntero del ratón sobre. Todos los navegadores excepto Chrome y Safari. Es un error de Webkit. Si eso, ¿cómo puedo resolver esto?

Answer 1

Encontré la pantalla de configuración: bloque en las obras <a>. No lo recomiendo li: hover porque no funciona en IE6

Answer 2

Parece un comportamiento de hojear webkit.

mira esto:
CSS Hover + Element crashing in webkit (Chrome, Safari)

Cambio/selector de la

.menu_center ul li a:hover 

a

.menu_center ul li:hover a 

O la combinación de ambos:

.menu_center ul li a:hover, 
.menu_center ul li:hover a 
{ .... } 

funciona para mí.

Answer 3

Encontré que agregar href = "#" funciona como una solución temporal. Parece que este es un desarrollo bastante reciente.

Answer 4

Por lo general, la mejor solución es agregar -webkit-transform: translate3d (0,0,0) en los elementos que tienen la transición en Safari. Tengo el mismo problema y lo soluciono Hover bugs with :before On Safari