Affichage du fond d'une boite <div>

J'ai un soucis purement théorique
J'ai une boite <div> avec une couleur d'arrière plan et une largeur :

#boite2 {
	width: 600px;
	background: #CFF;
}

Dans cette boite j'ai un paragraphe <p> (sans mise en forme) suivi d'une autre boite flottante :

#boiteFloatLeft2 {
	background: #FCF;
	float: left;
	width:200px;
}

En affichage, je ne vois l'arrière plan de ma boite conteneur qu'au niveau de mon paragraphe, pas "derrière" ma boite incluse. Si je mets un overflow: auto; à ma #boite2, je visualise bien sa couleur d'arrière plan sur toute sa surface.
Je ne comprends pas pourquoi !
Merci de vos lumières !

Bonjour,

Je crois que tu es face à un cas de dépassement des flottants.

Au vu de ce que j'ai lu dans cet article et dans d'autres sur alsacreations, est-ce que cette analyse est correcte ? :
A l'affichage, l'élément flottant "sort" du flux normal et "sort" aussi de son conteneur. Si la boite flottante <div> est insérée après le texte <p>, le fond coloré du conteneur n'apparaît qu'au niveau de son contenant : le paragraphe <p>. Et pas au niveau de la boite flottante <div>, puisqu'elle est sortie du flux normal (sauf pour IE).