Pb avec cadre css étirable

Bonjour à tous,
je prépare actuellement un site sous spip.
Ert d

oups j'ai buggé sur mon clavier !!

voici le message :::


Bonjour à tous,
je prépare actuellement un site sous spip (en local)
Et dans mon conteneur principal je souhaite mettre en fond un cadre avec des coins arrondis : j'ai suivi le tuto de alsacreations (que j'applique d'ailleurs très souvent pour des menus verticaux); ca fonctionne sous IE7 et IE6 mais pas sous Mozilla (pour une fois que c le contraire ...)
Pour info, c'est la première fois que j'utilise cette méthode pour le contenu principal.

Voici mon code avec qq commentaires)

<div id="contenu"><!—float droit (la navigation est en float gauche) -->
<div id="cadre">
<div id="bloccadre">

<div class="ensemble"><!—j’ai créé cette class pour englober les deux class en float -->
<div class="descriptif"><!—float gauche -->
<p>#DESCRIPTIF_SITE_SPIP<bR><br>
#LOGO_SITE_SPIP</p>
</div>

<div class="planvenir"><!—float droit -->
<p>patati patata patati patata patati patata patati patata patati patata</p>
</div>

<div class="float gauche en dessous des deux autres">
<p>patati patata patati patata patati patata patati patata patati patata</p>
</div><!--FIN PARTIE MEDI-->

</div><!--FIN ENSEMBLE -->

</div><!--fin cadre -->
</div><!--fin bloccadre -->
</div><!-- fin contenu -->
[code]

Si qqn a une soluc pour m'aider ... ??

Merci !!

PY

j'ai trouvé une solution (provisoire ?) mais qui ne me satisfait pas trop :

j'ai mis des min-height sur chaque élément flottant soit .ensemble, .descriptif et .planvenir...

/*SOMMAIRE*/
#cadre .ensemble {
	width:100%;
	min-height:650px;
	
}

#cadre .descriptif {
	float:left;
	width:330px;
	min-height:300px;
	
}

#cadre .planvenir {
	float:right;
	width:330px;
	min-height:300px;
	
}