Margin-bottom (en FF si, iE no) ayuda.

[Saminai]

Buenos días a todos,

tengo un ligero problema con el margin-bottom de un DIV:

3uvesDobles.manualslleida.com/

si os fijáis en el centro, aparecen unos DIV's con una base ROJA (si lo miráis desde Firefox), en cambio en Explorer no aparece ese margin de 23px. Deseo poner el margin para luego tener separación entre las fichas de producto, podría solucionarlo poniendo un div más alto que la propia ficha para arreglarlo, pero creo que no es la solución más adecuada...

el código CSS:

#fichaProductoContenedor{
width:270px;
height:145px;
background-color:#FFF;
float:left;
border-color: #b8bed0;
border-style: solid;
border-width: 5px 1px 1px 1px;
margin-bottom: 500px;
}

el código XHTML:

<div id="llistatEsquerra">
<div id="fichaProductoContenedor">
<div id="fichaProductoContenedorTitulo">Cashel marmoleada azul </div>
<div id="fichaProductoContenedorExplica">Colocar aquí el contenido de la nueva etiqueta Div</div>
</div>
</div>

También me doy cuenta, que el DIV de la FOTO DEL PRODUCTO, en explorer sale desplazada hacia abajo, y en Firefox sale perfectamente. ARG !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

A ver si me podéis dar una ayuda, llevo ya varias horas con ésto, buscando y probando HACKS y nada, no consigo solucionarlo.

Mil gracias!!!