Due DIV uno sotto l'altro che non vanno daccordo...

[szannotti]

Problemuzzo:
nella mia pagina ho una colonna (TD) nella quale compaiono, uno sotto l'altro, due DIV, in entrambi i quali ci sono due immagini.
L'immagine presente nel primo DIV è più piccola del DIV, mentre l'immagine sottostante si adatta perfettamente al DIV.
Il punto è: con il codice sottostante riesco (mediante un text-align e un padding-top) a centrare l'immagine del primo DIV nel DIV, e il risultato con Internet Explorer è perfetto. INVECE, con FireFox (grrrr! ancora problemi!) il padding mi abbassa anche il secondo div, con risultati disastrosi per tutta l'impaginazione della pagina.

Dunque: come posso fare, in FireFox, a centrare l'immagine nel primo DIV senza influire sul secondo? segue il codice...



CSS:

.numero_verde
{
min-height: 100px;
height:auto !important;
height: 100px;

-moz-box-sizing:border-box;
box-sizing:border-box;

text-align: center;
padding-top:22px;
}

.news_home
{
min-height: 221px;
height:auto !important;
height: 221px;
}



nel body:

<td width=197 height=321 valign="top" bgcolor="#f1f3f3">

<div class="numero_verde">
[img]images/nverde.gif[/img]
</div>

<div class="news_home">
[img]images/extra1.jpg[/img]
</div>

</td>

[szannotti]

ok risolto: bastava togliere 'min-height' dal CSS