Ciao a tutti! Sono nuovo del forum, quindi perdonatemi in anticipo eventuali errori!

Piccola premessa:
mi sono avvicinato al linguaggio HTML da dicembre 2007 solo ed esclusivamente per HOBBIE!
Ho realizzato il mio sito web personale e grazie alla guida sui CSS realizzata da HTML.it sono riuscito anche ad implementare i fogli di stile.

Ho un piccolo problema: il mio sito web è in forma tabellare e con i css ho definito oltre alla grafica delle varie celle, anche la loro dimensione.
L'unico problema è che l'ultima riga, avente dimensioni 900px larghezza, 20px altezza, viene visualizzata correttamente solo con IE.
Con Firefox ed Opera quella riga mi viene visualizzata con un'altezza maggiore... ma ripeto, l'errore riguarda solo quella riga (formata dall'unione di 3 celle).

il sito web è questo: antoniogastone.altervista.org

la parte del css relativa alle dimensioni è questa:

codice:
/* TABELLA */

.top {
width: 900px;
height: 150px;
background-image: url(top.jpg);
background-position: top center;
background-repeat: no-repeat;
border-left: 1px solid #c80000;
border-right: 1px solid #c80000;
border-bottom: 1px solid #c80000;
}

.colonna-laterale {
width: 160px;
background-color: #303030;
border-right: 1px solid #c80000;
border-left: 1px solid #c80000;
padding: 0px;
}

.bottom {
width: 900px;
height: 20px;
background-color: #c80000;
}
la cella (o riga) incriminata è quella definita dalla classe "bottom"
Grazie in aticipo a quanti risponderanno!