Hola amig@s
estoy haciendo un layout usando display: table-cell pues me parece más limpio que usar floats. Mi problema es que necesito que un div dentro de uno de estos "table-cell" ocupe la altura completa de dicha celda, pero al usar width:100%" se me desborda del "table-cell" de la siguiene manera:
Quisiera que el div del contenido cubra el 100% del resto de su contenedor (el que contiene el div2, div3 y div4).
Pongo el ejemplo para que lo vean por ustedes mismos:
http://codepen.io/ckristhoff/pen/avoNWP
El div de la izquierda esta bien, tiene una altura del 100% y se ajusta al contenido aún si el contenido es más alto que el 100% de la ventana, así mismo quiero que sea para el div4.