Ciao,

Ho un problema con il mio portale, dove devo elencare, in home page, delle news.

L'impaginazione è parametrica ed , in base ai settaggi, uso delle classi per spostare le immagini a destra e sinistra, per visualizzare il titolo o no, per allineare le news verticalmente o orizzontalmente.

Ho un problema quando le allineo orizzontalmente.
Questa è la parte incriminata.


Come vedete le aree con lo sfondo colorato hanno l'immagine che sborda.
Non riesco a capire perchè.
La classe per il posizionamento dell'immagine è questa:
codice:
.imgSinistra
{
    PADDING-RIGHT: 10px;
    FLOAT: left;
}
Mentre questa è quella che gestisce il div contenitore:
codice:
.homeNewsOrizzontale
{	
	/* Min-Height per IE che salta l'istruzione !important */
	height: auto !important;
	height: 100px;
	/* Min-Height per Opera/Firefox/etc. */
	MIN-HEIGHT: 100px;
        PADDING-BOTTOM: 15px;
        WIDTH: 422px;
        PADDING-TOP: 10px;
        BORDER-BOTTOM: silver 1px solid;
        HEIGHT: 100px;
        TEXT-ALIGN: justify
}
Sapreste dirmi su cosa lavorare per poterlo vedere correttamente?
Su Internet Explorer si vede bene e il div si ridimensiona correttamente in altezza in base a quella dell'immagine.
Su Firefox e Opera no.

Aiuto perfavore!

Grazie mille