Ciao a tutti, vi scrivo per avere un piccolo aiuto sui css.
Ho appena "finito" di riscrivere la struttura di un sito internet utilizzando i css e mi sono trovato di fronte ad un paio di problemi.
Il sito n questione è composto da tre colonne, una per la navigazione, una principale ed una con dei contenuti extra.
Nella parte principale avevo il problema delle foto che andavano a scalare sopra il testo seguente, ma utilizzando l'attributo min height sono riuscito a mettere a posto il problema. Ora, nella visualizzazione con firefox, la distanza tra ne scritte non è omogenea (con explorer va molto meglio) per cui avete qualche consiglio da darmi su come mettere a posto la situazione.
Seconda cosa, nella barra di destra (quella degli extra) ho realizzato tre specie di tabelle per contenere quello che nella versione originale era disposto in tabelle (si tratta di testo e immegini), solo che l'intestazione della sezione mi viene troppo alta rispetto a quello che si ottiene con l'utilizzo delle tabelle (avviene sia in firefox che in explorer), sapete darmi qualche consiglio per risolvere il tutto?
Vi allego due screenshot di come si vede la pagina iniziale in firefox ed in explorer ed il codice css da me utilizzato.
Grazie a tutti per l'attenzione.

Risultato Firefox
Risultato Explorer

Codice Css:

@charset "utf-8";
/* CSS Document */
/*Elimina margini del Browser, la visibilità hr ed il bordo da tutte le immagini*/
body { margin:0; padding:0 }
hr { display:none }
img{border-width: 0}
/*Dispone tutto al centro della pagina*/
body { text-align:center; background-color:#FFF; }
#logo { width:958px; margin:2px auto; text-align:left; }
#banner { width:958px; margin:2px auto -3px auto !important; margin:2px auto; text-align:left; }
#header { width:958px; margin:0 auto; text-align:left; background-color:#D91320; }
#content { width:958px; margin:0 auto; text-align:left; }
#footer { width:958px; margin:0 auto; text-align:left; background-color:#D91320; }
/*Posiziona le colonne, quella centrale deve essere necessariamente la più lunga. Se non lo è basta dargli del margin-bottom*/
#content { position:relative; }
#content-navigation { position:absolute; top:0; left:0; width:190px; padding:5px 0; }
#content-extra { position:absolute; top:0; right:0; width:190px; padding:6px 0; }
#content-news { margin:0 190px 0 190px; padding:5px 0; }
/*Crea un bordo alla colonna centrale in moda da avere la lunghezza maggiore*/
content-news { border-left:1px solid #000; border-right:1px solid #000; }
/*Definisce lo sfondo delle colonne laterali direttamente dal corpo lasciondo quelle laterali trasparenti e cambioando il colore della centrale*/
#content { background:#D91320; padding:0px; }
#content-news { background:#FFF; margin-top:0px; }
#content-extra { background:#FFF; margin-top:0px; }

/*Definisce lo stile di header e footer*/
#header, #footer {font-family:arial; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:center;}
/*stili per la navigazione*/
div#navigation ul{list-style-type:none; text-align:left; text-indent:-10px;}
div#navigation a{color:#FFFFFF; font-family:arial; font-size:13px; font-weight:bold; line-height:1.5; text-decoration:underline}
div#navigation a:hover{color:#F4CD03; text-decoration:underline}
div#navigation a#activelink{color:#FFFFFF; text-decoration:none}
/*stili per il content-news. h2 titolo, h3 data, p news*/
div.news{min-height: 150px; height: auto !important; height: 150px; padding:5px;}
div.news img{float:left; padding:0 5px 0 0;}
div.news h3{color:#FFFFFF; text-align:left; font-weight:bold; font-size:13px; background-color:#D91320;}
div.news h2{padding:0px; text-align:left; font-size:16px; font-weight:bold}
div.news p{padding:0px; text-align:justify; font-size:14px;}
/*Stili per il content-extra. h3 titolo tabella, h2 titolo notizia, p notizia*/
div.extra{border:2px solid #000; text-align:center; background-color:#D91320;}
div.extra h4{color:#FFF; text-align:center; font-weight:bold; font-size:15px; }
div.extra2{border-left:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; text-align:center; margin-bottom:5px;}
div.extra2 img{padding:5px 0 0 0 ;}
div.extra2 h2{padding:0 5px; text-align:left; font-size:16px; font-weight:bold}
div.extra2 p{padding:0 5px; text-align:justify; font-size:14px;}
div.extra3{border-left:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; padding:0px; text-align:center; margin-bottom:5px;}
div.extra3 img{padding:5px;}
div.extra3 p{padding:0 5px; text-align:center; font-size:14px;}
div.extra4{border-left:2px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; padding:0px; text-align:center;}
div.extra4 img{padding:5px;}
div.extra4 p{padding:0 5px; text-align:center; font-size:14px;}
/*Per utilizzare il min-heigt in tutti i browser*/
.box { min-height: 120px; height: auto !important; height: 120px; }