div annidati con altezza 100%

[hispanico92]

Lo so che è un argomento molto dibattuto, ma non ne riesco a trovare lo stesso una soluzione.
Allora quello che ho è questo:

<div class="container">
<div class="logo"></div>
<div class="menu"></div>
<div class="contenuto"></div>
<div class="footer"></div>

</div>

Quello che mi serve è:
il footer sempre in basso e il div contenuto occupa sempre il massimo dell'altezza dispobile.

Ho provato dando al contenuto:

height: 100%
position: relative;
margin-bottom: -altezza footer

Ma non mi funziona su ie.

Spero di essere stato chiaro e spero che qualcuno possa aiutarmi. L'unica soluzione mi sembra l'utilizzo di tabelle xD

[deleted_129]

<style>
.contenuto{
height: 100%;
background:green;
}
.footer{
height:80px;
background:brown;
}
</style>

<div class="container">
<div class="logo"></div>
<div class="menu"></div>
<div class="contenuto"></div>
<div class="footer"></div>

</div>

bastava eliminare il position relative....il padding che senso ha negativo scusa?