Yo normalmente no suelo usar body para la maquetación. Porque por una cosa u otra siempre da problemas.
Luego añade siempre los atributos sin prefijos, porque más de una vez no existen con y funcionan sin ellos. Por ejemplo:
Que así si funciona en Firefox.
Pero lo dicho, lo de andar tocando el
body (
) no es cosa buena.
Para los demás navegadores no sabría decirte, bueno, IE es el que falta. Sigo sin instalarlo.
Edito: Veo que si que lo tenías puesto, pero por alguna razón Firefox no lo aplica. Cámbialo por esto:
Código CSS:
Ver original-webkit-flex-direction: column;
-moz-flex-direction: column;
flex-direction: column;
De hecho la costumbre es ponerlo así, primero los prefijos propietarios y luego los
buenos.