problemi con div contenente tre colonne

[Ashry]

Sapreste spiegarmi perchè funziona solo in firefox?

CSS:

.riga {
clear:both;
background-image:url(../images/separatore.gif);
background-position:bottom;
background-repeat:no-repeat;
overflow:hidden; height:auto;}
.cella1 {
height: auto; /* forse va modificato */
width: 143px;
float: left;
border: none;
}
.cella2 {
height: auto; /* forse va modificato */
width: 288px;
float: left;
border: none;
}
.cella3 {
height: auto; /* forse va modificato */
width: 120px;
float: left;
border: none;
}


HTML:

<div class="riga">
[img]../images.gif[/img]
<div class="cella1">[img]../images/C07/01.gif[/img]</div>
<div class="cella2">
<h1>titolo</h1>
Dati:jnbfkgbdfg jfdhhgjhfdbgjfdbfjdjhhg.
</div>
<div class="cella3">


aaaaaa</p>


Read More &raquo;</p>
</div>
</div>
<div class="riga">
[img]../images.gif[/img]
<div class="cella1">[img]../images/C07/03.gif[/img]</div>
<div class="cella2">
<h1>titolo</h1>
Dati:jnbfkgbdfg jfdhhgjhfdbgjfdbfjdjhhg.
</div>
<div class="cella3">


aaaaaa</p>


Read More &raquo;</p>
</div>
</div>

in IE sembra che la "riga" si fermi sotto la prima immagine; sapreste dirmi perchè e come risolvere il problema?
Grazie

[Mich_]

Il problema potrebbe essere il non corretto innestamento di un oggetto float all'interno di uno non float.
Prova a dare il float:left; anche alla ".riga" (e contemporaneamente lascia il clear).

[Ashry]

si perde il float delle cele così.

Per ora ho messo un'altzza fissa alla riga anche se come soluzione non è quella ideale