Cita:
Iniciado por pzin 
Intenta poner el código con highlight o code.
Usa transition de la misma forma que usas -webkit-transition, porque es lo mismo. De hecho la última versión de Chrome te leerá transition:
Código CSS:
Ver original-webkit-transition: top .7s ease-in-out;
transition: top .7s ease-in-out;
Luego tienes cosas por ahí como [URL="https://github.com/LeaVerou/prefixfree"]prefixfree[/URL], para automatizar el proceso de los prefijos propietarios.
Gracias pzin,
El código que utilizo lo encontré aquí:
http://www.cssreset.com/create-killer-sliding-boxes-with-css3/
He probado poniendo solo transition y no funciona, ni en chrome ni en firefox. Evidentemente que mi opinión no es la de un experto, y por lo tanto puede que sea "absurda", pero me parece una forma sencilla de tener un efecto sin recurrir a un script.
El caso es que tal como lo tengo, en chrome funciona, y no me explico porqué en los demás no puedo conseguir que funcione, usando la misma estructura, y añadiendo transition tal como se supone que funciona.
¿puede que se la forma en que está hecho el código? es decir, para que funcione en los demas navegadores, tengo que cambiar si o si la estructura del código?
Gracias