CSS - težava s height

Imam problem s CSSom.

Torej postavil sem div-e, tako kot kaže slika:

Prva težava je v tem, da sta div-a menu in vsebina visoka toliko, kot je vsebine v njiju (na slikci "menu" vsebuje 3 vrstice, zato je višji od "vsebine").
Druga težava pa je ta, da jima sledi div "footer" (zelen), ki bi moral biti čisto na dnu strani.

Torej želim narediti, da bi bila div-a "menu" in "vsebina" od konca "header"ja pa do začetka "footer"ja - le ta pa bi bil čisto na dnu.
Željeno stanje:

Kakšen nasvet, kako se tega lotiti?

Moja resitev za footer

Kar se pa visine onih dveh elementov tice pa je na mestu vprasanje, zakaj rabita nako visino? Ce je problem ozadje, lahk okoli njiju postavis en div, ki nosi pravilno ozadje. Povej bolj tocno kaj rabis, da ti lahko bolj podrobno svetujem :)