Alignement du texte et image sous FF et IE

Bonjour,
comme vous pouvez le constater, j'ai un problème d'affichage sous FF et IE:
etonnement sous IE, mon texte est pratiquement comme je le veux, à droite de l'image! (http://sportix.fr)
Mais sous FF il est en dessous! je vous mets le code

Merci d'avance si vous arrivez à résoudre mon problème..

Code html:
<div id="boite2">
<img style="float:left" src="images/genie.jpg" >
<p>Le génie de la liberté est une sculture de bronze qui se trouve au sommet de la colonne de Juillet, elle même se trouvant sur la place de la Bastille.<br/>
La colonne a été inaugurée en 1840, suite à la décision du roi Louis-Philippe.</div>

Code Css:
#boite2
{
overflow: auto;
background-color:#FFDEAD;
margin-left: 255px;
margin-top: 0px;
width: 500px;
height: 350px;
position:relative;
border-color: white;
border-width: 1px;
border-style: solid;
}

p
{
float: right;
text-align:justify;
padding-left:3px;

}

img
{
border-color:black;
border-width:1px;
border-style:solid;
}