[CSS] funziona su IE7 ma non su Firefox - aiuto

[ytresu]

Salve,
sto lavorando sul mio sito per creare delle gallerie di immagini. Non sono molto pratico di programmazione ma ho cercato di utilizzare i DIV per creare la struttura della pagina.
Il problema è che quando guardo il risultato su IE7 va tutto bene mentre quando lo guardo con FF mi viene una riga vuota in corrispondenza del cambio di DIV.

Il link è http://aandreuccetti.altervista.org/main.html

E nelle altre pagine va ancora peggio!

Potete darmi una mano?

Grazie
Alessandro

[awstin]

Con firefox i

, <h2>, ecc... hanno un margine predefinito, per evitare questo, puoi semplicemente aggiungere uno stile per il container che ti interessa:

p { margin:0px; }

[ytresu]

Grazie, ma dove devo inserire questa riga di codice.
Ho provato a inserirle nella parte di definizione dello style ma non succede niente.
Puoi spiegarmi un po?
Grazie ancora.
Ciao

[awstin]

Guardando il sorgente della pagina, ho visto che fai confusione con la definizione dei stili.
Non puoi definire gli stili dentro un'altro stile.
Per esempio questo è sbagliato:

body {
    margin-top: 0px;
    padding: 0;
    color: #ABABAB;
    background: #fff url(immagini/back.jpg) repeat-y fixed;
    background-color:#ffffff;
    font-family: <?php echo $artsee_body_font; ?>;
    font-size: 11px;
    line-height: 18px;
    background-position: center top;
p { margin:0px; }

}

invece così va bene:

body {
    margin-top: 0px;
    padding: 0;
    color: #ABABAB;
    background: #fff url(immagini/back.jpg) repeat-y fixed;
    background-color:#ffffff;
    font-family: <?php echo $artsee_body_font; ?>;
    font-size: 11px;
    line-height: 18px;
    background-position: center top;
}
p { margin:0px; }