Positionnement css conteneur

oui voila, le but serait que le grand conteur (qui englobe les 3 parties) fasse au moins la hauteur des éléments qu'il y a dedans ...
je peux mettre le code pas de soucis , je mets l'exemple avec la page d'acceuil ;) :

CODE HTML :
[...]
<div id="entete">
</div>

<div id="conteneur">
<div id="menu">
<ul> <a href="index.php"><b> Accueil </b></a><br /><br />
<img src="images/logo_tdt.jpg" /> <br /><br />

<li><a href="club.php">Le club</a></li>
<li><a href="inscrip.php">Inscriptions</a></li>
<li><a href="entrainements.php">Entrainements</a></li>
<li><a href="equipes.php">Equipes</a></li>
<li><a href="calendrier.php">Calendrier</a></li>
<li><a href="results.php">Résultats</a></li>

<!--<li><a href="photos.php">Photos</a></li>-->
<br><br>
<!--<a href="contact.php">Contact</a>-->
</ul>

<img src="images/tables.jpg" align="middle" width="107" height="67"/>

</div>
<div id="pied">
<a href="index.php">[Accueil]</a>      
<a href="entrainements.php">[Entrainements]</a>      
<a href="calendrier.php">[Agenda]</a>      
<a href="contact.php">[Contact]</a>      
<br> Copyright 2008 All Rights Reserved
</div>

</div>

</body>
</html>


CODE CSS (je le charge d'un fichier externe dans le head):
/* CSS Document */
/* Polices & Général */
body
{
background-color:#336633;
margin:auto;
margin-top:20px;
width:1000px;
}

/* Mise en place éléments */
#entete{
background-image:url(images/table_tdt3.gif);
background-repeat:no-repeat;
background-position:center;
text-align:center;
height:120px;
}

#pied{
color: black;
font-size:10px;
text-align:center;
margin-top: 25px;
margin-bottom:5px;
padding: 3px;
}
#conteneur{
border: groove 6px #006699 ;
background-color:#CCFF99;
}

#cont {
font-family:Georgia, Times New Roman, Times, serif;
font-size:12px;
padding: 15px;
width: 600px;
margin-left: 200px;
margin-top: 25px;
}
#menu {
float:left;
color: #006699;
width: 150px;
padding: 5px;
margin: 10px;
border-right: groove 2px #006699 ;
position: fixed;
}
#breves{
float:right;
color: #006699;
width: 150px;
margin-top : 50px;
font-style:oblique;
font-weight:bold;
border-left: groove 2px #006699 ;
}

J'espere que ca pourra plus vous aider ;)
Merci d'avance

Je te remercie pour ta reponse ... mais je vois pas trop ou mettre inserer ce clear ... honnetement je ne m'en suis encore jamais servi donc je visualise pas trop

^^
Merci ;)

Penses tu que ce que ca puisse etre la faute des float ... qui se comportent mal vis a vis des positions ???

En positionnant les éléments non plus avec des floats mais avec des coordonnées plus precises ou des position "relative" purrait y changé quelque chose ?

des tables pour la mise en pages .... :o ;)