Page sur toute la hauteur css

Bonjour,
j'ai un petit souci de css.
j'aimerais que ma page descende tout en bas du navigateur même si il y a peu de contenu. je vous montre mon css actuel. pour le code de ma page ca donne

<div class="content"> contenu

<div class="pied">
pied de page

</div> // fin du pied
</div>// fin du content

Voila le css:

<?php echo "
.content {

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-color:".$row_couleur_du_fond['couleur_coul'].";
color:".$row_texte_toutes_pages['couleur_coul'].";
width:100%;
margin: auto;

;
}
.content a{
color:".$row_texte_toutes_pages['couleur_coul'].";
}
.content a:hover {
color:".$row_texte_toutes_pages['couleur_coul'].";
}

.pied{
background-color:#555555;
color:#ffffff;

}
";

?>

en gros mon content a une couleur de fond et je veut quelle fasse toute la page et que le pied de page se place en bas du navigateur

Configuration: Windows XP
Firefox 2.0.0.13