[CSS] semplice div contenitore

[side-server]

ciao a tutti, ho creato questo:

<div id="container">
<div id="text">Testqua</div><div id="img">xxx</div>
<div id="text2">ciaociaociaociaociaociao</div>
</div> 

questo è il suo CSS:

#container
{
    position: static;
    width: 402px;
    border: 1px solid red;
}
#text
{
    float: left;
    width: 300px;
    border: 1px solid red;
}
#img
{
    float: left;
    width: 100px;
    border: 1px solid red;
}
#text2
{
    clear: both;
    width: 400px;
    border: 1px solid red;
} 

Il problema? da => IE 5.5 e 7 compreso si vede perfetto, con Firefox invece il div #img va a capo e non rimane in linea, come mai? eppure le misure dei pixel sono corrette