Cita:
Iniciado por Raulmmmm 
Quita el DOCTYPE y verás como funciona
. Para que funcione también con el DOCTYPE, pon al principio del CSS:
Código HTML:
html, body { height: 100%; }
¿Alguien sabe por qué pasa esto?
Cada elemento que quiera tener un tamaño en porcentaje, deberá tomar el porcentaje en relación al tamaño de su elemento padre. Aunque body parece el elemento base no es así, sino que es el primer elemento hijo de html, que sí es realmente el elemento base.
Un body 100% es un 100% de... nada, porque su padre no tiene tamaño. Por eso si damos un tamaño al elemento padre html (100%) como es la raiz no necesita tomar como referencia su elemento padre, sino que es 100% de la página, del área de visualización. De tal manera, al tener ya un tamaño, un 100% en body es el 100% de html, y por eso sí funciona.
Espero haberme explicado.
Mikel.