CSS - Problemas con flotabilidad.

Muy buenas a todos.
A ver si soy capaz de explicarme.
En una página de productos quiero mostrarlos todos cogiendolos mediante un bucle de una base de datos, esos productos tienen una imagen, pero en algunos casos es más alta que otros.Esto hace que cuando se muestran en pantalla aunque le pongo que floten a derecha al no poder pasar, me deja espacios en blanco en la web y no se muestran todos lo más cerca de la derecha y de una forma ordenada.He probado a meterlos dentro de otros divs y demás pero no hay manera.
¿cómo podría solucionarlo?

<?php

$consulta=mysql_query("SELECT * from productos WHERE novedad=1");

while($filas=mysql_fetch_array($consulta)){
$id=$filas['id'];
$nombre=$filas['nombre'];
$imagen=$filas['imagen'];
$descripcion=$filas['descripcion'];
$pvp=$filas['pvp'];
$plataforma=$filas['plataforma'];
$fecha=$filas['fecha'];
$acumula=$filas['acumula'];
$acumulado=$pvp*$acumula;

?>

<div class="ContenedorResultados">
<?php echo '<div class="resultados">';?>
<?php echo '<div class="Imagenresultados">';?>
<img src="<?php echo $imagen;?>" alt="imagen_juego" height="80"></img>
<?php echo '</div>';?>
<?php echo '<span>'.$nombre.'</span>';?><br/>
<?php echo 'P.V.P:&nbsp;'.$pvp.'&nbsp;€';?><br/>

<form action="<?php if($pvp>12){echo 'ver.php';}elseif($pvp<=12){echo 'verCamisetas.php';}?>" method="post" name="ver">
<input name="id" type="hidden" value="<?php echo $id ?>"/>
<input name="imagen" type="hidden" value="<?php echo $imagen?>"/>
<input name="nombre" type="hidden" value="<?php echo $nombre ?>"/>
<input name="pvp" type="hidden" value="<?php echo $pvp?>"/>
<input name="fecha" type="hidden" value="<?php echo $fecha?>"/>
<input name="descripcion" type="hidden" value="<?php echo $descripcion?>"/>
<input name="plataforma" type="hidden" value="<?php echo $plataforma?>"/>
<input name="acumula" type="hidden" value="<?php echo $acumula?>"/>
<input name="acumulado" type="hidden" value="<?php echo $acumulado?>"/>
<button type="submit">Más Información</button></form>
<?php echo '</div>';?>
</div>
<?php }?>


CSS

#seccion2 .ContenedorResultados{ width:30%;
height:auto;
text-align:center;
float:left;


}



#seccion2 .resultados{ color:grey;
width:100%;
font-size:.7em;
padding-bottom:10px;
padding-top:10px;
height:auto;
}


#seccion2 .Imagenresultados{ width:100%;
margin:auto;
height:auto;
padding-bottom:.8em;
}

#seccion2 .Imagenresultados img { width:40%;

}

La idea que yo tengo es por ejemplo al ser adaptativo que en un pc grande muestre tres divs por ejemplo y justo debajo otro con otros tres, si es tablet dos, y en movil uno o dos, pero dònde la altura no influyera y asi evitar esos espacios raros.

Gracias de antemano y un saludo.

no tienes la pagina online para ayudarte mejor?