Con FireFox ho i box Più Corti

[Zorthan]

Ciao

Ho creato un css a 4 livelli
-body
-box principale contiene menu, content(contenuti centrali) , footer
-box content; contiene contenuti centrali ovvero due div: uno grande chiamato Home con -float left e un altro piu piccolo chiamato News sempre float left che ne contiene a sua volta un ul , e che si posiziona sulla destra di quell'altro grande.

ECCO I CSS RILEVANTI
html, body
{

color:#ffffff;
text-align:center;

background-color:#000000;

}
div#boxprincipale{

width:750px;
margin:auto;
height:800px;

padding-bottom:20px;
position:relative;

}
div#centrale
{
width:750px;
height:85%;

background-image:url("images/sfondo_centrale.jpg");
background-repeat:no-repeat;


}


div#home
{
float:left;
height:350px;
margin:12px;
width:400px;

font-family:verdana;
font-size:12px;
font-variant:italic;

text-align:justify;
color:#cccccc;
clear:both;
line-height:17px;

}

div#news
{
float: left;
width:200px;
height:430px;
border-left:1px solid #666666;
margin-top:12px;


}

IL PROBLEMA è che con FIREFOX ho sempre una dimensione dei 2 div del contenuto centrale, HOME e NEWS più corta!!!!!!
come mai?
Mi consigliate di usare
!Important o Min-height????

GRAZIE IN ANTICIPO X TUTTE LE POSSIIBILI SOLUZIONI!
PAOLO