Float interpretato diversamente da ff e explorer 6

[ciro78]

Come da titolo. Sto realizzando un layout che richiede due colonne qund uso float.I risulatti sono diversi però:

Nell'immagine ho che il primo esempio è di ff mentre il secondo di explorer.


Il codice è nella pagina

<div class="principale">
<div class="1"></div>
<div class="2"></div>
</div>

il css

.2 {
position:relative;
margin: 10px 0px 10px 0px;
height:auto;
top:0px;
left:15px;
margin-left:205px;
width:510px;
border:1px;
border-style:solid;
padding:0px 0px 0px 0px;
}

.1{
float:left;
background-image:url(../img/foto.jpg);
position:relative;
top:0px;
left:10px;
width:200px;
height:150px;
border:1px;
border-style:solid;
border-color:#000000;
margin: 10px 0px 0px 0px;
padding:0px 0px 0px 0px;
}