XHTML/CSS je deviens fou

Bonjour,
j'ai un probleme dont je ne trouve pas la solution. Peut etre que de nouveaux yeux m'aideront?

J'aimerais faire remonter la div "ensemble_experiences" sur la gauche de la div "ensemble_formations".
Pour cela, je mets un "Float: left" sur "ensemble formations" (les deux div ont une taille): IE fonctionne tres bien, Firefox ne comprends plus rien. Il mets l'un au dessous de l'autre.

Je mets le code, si vous trouvez l'erreur, je serais ravi de la connaitre:

HTML:

<div id="ensembleformations">

<div id="titre_formations">Formations</div>

<div id="texte_formations">
<ul>
<li><strong><span class="date">2008 :</span> Validation Acquis Expérience : Développeur d’Applications Multimédia</strong> <br />
            à Doranco Espace Multimédia - Paris<br /><br /></li>

<li><strong><span class="date">2003 :</span> Bac Professionnel Communication Graphique - Mention bien </strong><br />
            au lyçée professionnel Paul Hermann - Ile de la Réunion<br /><br /></li>

<li><strong><span class="date">2001 :</span> Certificat Aptitude Professionnel Communication Graphique</strong><br />
            au lyçée professionnel Paul Hermann - Ile de la Réunion<br /><br /></li>

<li><strong><span class="date">1999 :</span> Brevet des collèges</strong><br />
            au collège Adrien Cadet - Ile de la Réunion<br /><br /></li>
</ul>
</div>
</div>

<div id="ensembleexperiences">
<div id="experiencestitre">Expériences professionnelles</div>

<div id="texte_experiences"><ul>
<li><strong><span class="date">2009 :</span> Formateur Adobe CS4 </strong> <br />
            à Doranco Espace Multimédia - Paris<br /><br /></li>

<li><strong><span class="date">2007 :</span> Infographiste / Webdesigner </strong><br />
            à Houra - Paris<br /><br /></li>

<li><strong><span class="date">2006 :</span> Infographiste / Webdesigner</strong><br />
            à C Sublime - Paris<br /><br /></li>

<li><strong><span class="date">2005 :</span> Infographiste</strong><br />
            à Agir Média - Toulouse<br /><br /></li>

<li><strong><span class="date">2004 :</span> Infographiste</strong><br />
            à Sud Alliance Marketing - Toulouse<br /><br /></li>
</ul>

</div></div>

et le CSS:

#ensembleformations{
width: 400px;
height: 230px;
float: left;
}

#titre_formations {
color : #c31515;
font-size : 27px;
margin-left : 5%;
}

#texte_formations{
font-size: 12px;
color: #898989;

}

#ensembleexperiences{
width: 400px;
height: 230px;

}

#experiencestitre {
color : #c31515;
font-size : 27px;
margin-left : 5%;

}

#texte_experiences{
font-size: 12px;
color: #898989;
}

ul{
list-style: circle;
}
.date{
color: #000;
}

Configuration: Windows Vista
Firefox 3.0.7