Problemas con el height: 100%;

[Mikmoro]

Se produce porque tienes ya una caja que mide 402px como mínimo, y luego, detrás de ella pones otra que mide el 100%. Ese 100% no es el resto hasta abajo, sino relamente el 100%, que sumados a los 402 de la caja superior dan mucho más que el 100% (100% + 402).

Tu quisieras poner un height del "resto de la página", no del 100%, pero eso no se puede marcar sin más con css.

Intenta dibujar exactamente lo que quisieras hacer y vemos si hay una manera de hacerlo. Intenta ser lo más exacto y explícito posible con lo que tienes ahora y lo que querrás poner dentro después, porque en función de esto, una solución poría servir o no, y habría diferentes formas de hacerlo.