Quiero que un div#cover cubra a su padre
<div>
<div id="cover"></div>
...
</div>
Si no hubiese más contenido (puntos suspensivos: otros div's) sería fácil:
#cover {
height: 100%;
width: 100%;
}
De momento lo tengo solucionado haciendo que #cover esté en posición absoluta y asignándole la altura mediante javascript, sino el 100% sería de toda la pantalla. Pero me gustaría utilizar una solución CSS pura sin Javascript, en caso de que se pueda.