[CSS] semplice div contenitore

[side-server]

Originariamente inviato da fcaldera

posto il codice che sto usando io ora per la prova;
con IE, 5.5, 6 e 7 nessun problema, FF invece mi da 2px in eccesso, di conseguenza se tolgo dal div i 2px in eccesso con FF si vede bene e con IE no, i ruoli si invertono
Non ne vengo fuori

ev. anche qui: http://www.radium.cc/test.htm

<style>
body
{
background-color: #EEEADE;
}

#container
{
    width: 402px;
    border: 1px solid black;
    background-color: #EEEADE;
}
#text
{
    float: left;
    width: 300px;
    background-color: green;
    border-bottom: 1px solid black;
}
#img
{
    float: left;
    width: 100px;
    background-color: green;
    border-bottom: 1px solid black;
}
#text2
{
    clear: both;
    width: 400px;
    background-color: #EEEADE;
    height: 100px
}
#text3
{
    clear: both;
    width: 400px;
    background-color: #EEEADE;
    border-top: 1px solid black;
}
</style>

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