Probleme de flottement

Bonjour,

j'ai a l'heure actuelle un petit souci avec mon layout, j'utilise une structure "trois colonnes" en me servant de marges avec la structure suivante:

<div id="header">...</div>
<div id="body">
<div id="colonneGauche"></div> // float left, taille fixée a 200px
<div id="contenu"></div> // float none, marge gauche et droite a 200px
<div id="colonneDroite"></div> // float right, taille fixée a 200px
<br style="clear:both;" />
</div>
<div id="footer">...</div>

Et lorsque je souhaite integrer des elements flottants dans "contenu", ils se calent avec avec colonnegauche et colonnedroite, et donc tout ce qui suit ces elements flottants se calent verticalement sur la plus grande des deux colonnes ( je sais pas si je suis très clair )

Je cherche donc un moyen de faire en sorte que ces elements flottants au sein du div "contenu" ne se calent pas sur la taille des colonnes.

J'imagine qu'il existe une solution impliquant des overflow / position absolute|relative etc... mais toutes mes tentatives se sont avérées infructueuses.

Merci d'avance.