css e compatibilità

[skaio]

salve a tutti

sto uscendo pazzo...

ho un div che fa da contenitore di tutto (è quello più esterno prima del body)...ha lo sfondo che si ripete in verticale
background : #000 url(immagini/bgtappeto.jpg) repeat-y top ;


io vorrei che questo sfondo arrivasse fino in fondo o coprisse almeno tutti i contenuti...invece nisba..devo per forza aasergnarli un'altezza per vedere comparire lo sfondo...neanchè 100% funziona
(il div è #tutto)
http://www.the-preachers.net/provasitonuovo/vuoto.html
http://www.the-preachers.net/provasitonuovo/style2.css

però se applico lo sfondo al body funziona (arriva fino in fondo) ma firefoz si perde un pixel in larghezza (IE va) mentre safari si sballa tutto [infatti ho dovuto rifare tutto il css]...
help me :muro:


cosa posso fare?!!?!?

[skaio]

credo di aver capito...la larghezze del body è di 681 (nn divisibile per 2)...facendolo centrato firefox centra da un lato e ie dall'altro...
tenendo l'immagine a 681 ho stretto il contenitore a 680 e tutto funziona...qualcuno mi può dare un riscontro su safari?
http://www.the-preachers.net/provasitonuovo/vuoto2.html :mc:

[skaio]

ho rifatto le imamgini a 680 px e riscritto il css ma nn c'è verso...ie si mangia un pixel... gli dico di partire da 10 px in orizzontale invece parte da 9 cosi mi interrompe l'immagine a destra
http://www.the-preachers.net/provasitonuovo/vuoto2.html

in realtà ho messo l'hack per ie6 ma sul 7 non funziona :muro: perchè teoricamente segue le specifiche....peccato che se lo facesse davvero visualizzerebbe com in firefox :stordita: