Ciao, vorrei ottenere un semplicissimo layout fatto così:

<header>
<content><menu>
<footer>

che occupi tutta la pagina, cioè anche quando c'è scritto solo un rigo in content il footer va e resta cmq in basso a tutto e l'header allo stesso modo in alto.

ho provato così:
html:

codice:
<body>
	<div id="container">
	<div id="header"></div>
        <div id="navigation"></div>
        <div id="content"></div>
        <div id="footer"></div>
	</div>
</body>
e, ovviamente css:
codice:
#container{height: 100%;}
#header{float:top;}
#navigation{float:right;}
#content{float:left;}
#footer{float:bottom;}
}
più diverse varianti, ma non riesco...mi date un mano?