Boite <div> d'en-tête qui s'affiche sur toute la page

Bonjour à tous,
J'ai un soucis, certainement de débutant...
Je souhaite réaliser une mise en page avec un en-tête et 3 colonnes en dessous, le tout dans une largeur fixe et centré.
Voilà mes styles :

body {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}
#conteneur {
	width: 600px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#bandeauHaut {
	background: #FFC;
	padding: 5px;
}
#colGauche {
	background: #6CF;
	padding: 5px;
	float: left;
	width: 140px;
}
#colCentre {
	background: #F5F5F5;
	padding: 5px;
	float: left;
	width: 290px;
}
#colDroite {
	background: #6CF;
	padding: 5px;
	float: right;
	width: 140px;
}
.texte {
	font-size: 0.8em;
	line-height: 0.9em;
}
h3 {
	margin: 5px 0px;
}
h4 {
	margin-top: 0px;
}

Voilà mon code HTML :

<div id="conteneur">
  <div id="bandeauHaut">
    <h3>Bandeau du haut</h3>
  </div>
  <div id="colGauche">
    <h4>Colonne de gauche</h4>
    <p class="texte">...</p>
  </div>
  <div id="colCentre">
    <h4>Colonne de du centre</h4>
    <p class="texte">...</p>
    <p class="texte">...</p>
    <p class="texte">...</p>
  </div>
  <div id="colDroite">
    <h4>Colonne de droite</h4>
    <p class="texte">...</p>
  </div>
</div>

A l'affichage, la couleur de fond de bandeauHaut s'affiche sur toute la page !
Je ne comprends pas pourquoi ?
Merci de votre aide.

#bandeauHaut {

	background: #FFC;

	padding: 5px;

}

Pas de taille normal?

Argh ! Milles excuses, je viens de repérer mon erreur qui est située ailleurs dans le code HTML.
Je n'ose même pas vous la dire, tellement c'est ridicule de ma part.
Encore désolé, je me mets une claque !

eSx a écrit :

#bandeauHaut {

	background: #FFC;

	padding: 5px;

}

Pas de taille normal?

Pas forcément nécessaire et comme le bandeau contient du texte, c'est mieux que la hauteur ne soit pas fixée.