Menu coloré qui ne vas pas jusqu'au bout

Bonjour!

Voili voilou, je me suis inspirée du modèle 4 de mise en page CSS d'alsacréation. Malheureusement, la couleur de mon menu ne va pas jusqu'en bas. J'ai essayé de mettre une hauteur automatique ou à 100%, j'ai également suivi les consignes de résolution de problèmes d'alsacréation... mais rien!
À l'aide!!
Merci

Le code CSS:

@charset "utf-8";
/* CSS Document */
/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
margin: 0;
padding: 0;
}
#header {
height: 100px;
background-color: #99CCCC;
}
#conteneur {
position: absolute;
width: 100%;
}
#centre {
background-color:#666666;
margin-left: 150px;
color: #FFFFFF;
}
#gauche {
position: absolute;
left:0;
width: 150px;
background-color:#999999;
border: 1px solid orange
}
#pied {
height: 30px;
background-color:yellow;
color: #FFFFFF;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
p {
margin: 0 60px 10px 60px;
text-align: justify;
}

h1 {
font-size: 1.7em;
font-weight: normal;
margin: 0 60px 30px 60px;
}

.annee {
font-weight:bold;
}