layout a 3 righe in totale di h:100% di cui due con altezza fissa

[xarium]

Salve a tutti,
ho una pagina strutturata grossomodo come segue:

<div id='container'>
    <div id='top'></div>
    <div id='middle'></div>
    <div id='bottom'></div>
</div> 

il mio problema è quello di riuscire ad assegnare al container hieght:100% (e fin qui tutto facile) ma nel contempo far si che anche la somma delle altezze dei tre div sia pari all'elemento contenitore tenendo però immutato il fatto che top e botton hanno height:3em....

Con le care e vecchie tabelle la cosa si risolveva facilmente con:

<style>
    #container {height:100%;}
    #top {height:3em;}
    #middle {height:auto;}
    #bottom {height:3em;}
</style>
<table id='container'>
    <tr><td id='top'></td></tr>
    <tr><td id='middle'></td></tr>
    <tr><td id='bottom'></td></tr>
</table> 

Ma con i div trovo seri problemi...

Suggerimenti?