Allora, sto rifacendo uno dei miei siti, senza tabelle.

nella versione a tabelle ho un'immagine sotto il menu che cambia per ogni pagina. Là avevo risolto con una tabella e uno sfondo immagine.

Ora, nella versione senza tabelle, ho inserito quindi un div con lo sfondo in questione. Ma l'immagine appare sempre qualche px sopra al bordo inferiore.

Sto risolvendo così:

codice:
#home {background-image: url(img/home.jpg);

width: 178px;

height: 180px;

background-repeat: no-repeat;

background-position: bottom center;

margin:0px auto;

margin-top: 42px;}
#mappa {background-image: url(img/mappa.jpg);

width: 178px;

height: 180px;

background-repeat: no-repeat;

background-position: bottom center;

margin:0px auto;

margin-top: 42px;}
#condizioni {background-image: url(img/condizioni.jpg);

width: 178px;

height: 180px;

background-repeat: no-repeat;

background-position: bottom center;

margin:0px auto;

margin-top: 297px;
}
#faq {background-image: url(img/faq.jpg);

width: 178px;

height: 180px;

background-repeat: no-repeat;

background-position: bottom center;

margin:0px auto;

margin-top: 1849px;
}
#chisono {background-image: url(img/chisono.jpg);

width: 178px;

height: 180px;

background-repeat: no-repeat;

background-position: bottom center;

margin:0px auto;

margin-top: 42px;
}
ma comunque per pagine lunghe sballa e su IE sballa comunque...

Avete consigli?
Grazie