Contenu prenant toute la hauteur

Bonjour.

J’aimerai que le contenu (vertivalement) prenne toujours toute la hauteur de la page du naviguateur meme si le nombre de réponse renvoyée est infime
Voici mon code html


<div id="all">
<div id="header"></div>
<div id="contenu">
</div><!--fin div contenu-->
</div><!--fin div all-->

Et voici mon css


#all {
	background: url(images/fond_all.png) top center repeat-y !important;
	background: url(images/fond_all.gif) top center repeat-y; 
	width: 540px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%; 
}

#header {
	height: 91px; 
	width: 540px;
	margin-bottom: 0 !important;

	background: url(images/header.png) top right no-repeat !important;
	background: url(images/header.gif) top right no-repeat; /*stoopid ie*/
}

#contenu {
    margin-top:10px;
	width: 520px;
	padding-left: 10px;
}

Le site ne s’allonge pourtant pas sur toute la hauteur comment faire?
COrdialement

Je crois que ton all va prendre 100 % de la taille réservée… c’est à dire celle du body.
Essaie de faire la même chose dans body.

PS : ton CSS est pas super valide…

Ca change rien sniff!!!