Salve ^^

Stavo creando un sito per un mio amico e stavo provando la centratura con i DIV

Leggendo numerose guide ho scelto quella che, per me, è la più valida. Solo che una volta centrati tt i div, all'iprovviso mi accorgo che su uno schermi in Risoluzione 1280x1240 non viene visualizzatto correttamente. Infatti tutti i div vengono visualizzati più in basso rispetto a come si dovrebbero vedere.

Vi mostro il codice CSS:

codice:
html { height:100%; margin:0 } body { height:100%; margin:0; padding:0; } #Template { position: absolute; z-index: 1; left: 50%; border: None; margin-left: -470px; }  #Home { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: -462px; margin-top: -254px; }  #Community { position: absolute; z-index: 3; top: 50%; left: 50%; border: None; margin-left: -362px; margin-top: -254px; }  #News { position: absolute; z-index: 6; top: 50%; left: 50%; border: None; margin-left: -217px; margin-top: -248px; }  #Goodies { position: absolute; z-index: 8; top: 50%; left: 50%; border: None; margin-left:  -88px; margin-top: -253px; }  #Guide { position: absolute; z-index: 7; top: 50%; left: 50%; border: None; margin-left: 56px; margin-top: -253px; }  #Forum { position: absolute; z-index: 3; top: 50%; left: 50%; border: None; margin-left: 200px; margin-top: -255px; }  #Radio { position: absolute; z-index: 3; top: 50%; left: 50%; border: None; margin-left: 328px; margin-top: -254px; }  #Box-Normale1 { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: -462px; margin-top: -170px; }  #Box-Status { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: -462px; margin-top: 10px; }  #Box-Normale2 { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: -462px; margin-top: 320px; }  #Box-Normale3 { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: 287px; margin-top: -170px; }  #Box-Status2 { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: 287px; margin-top: 10px; }  #Box-Normale4 { position: absolute; z-index: 2; top: 50%; left: 50%; border: None; margin-left: 287px; margin-top: 320px; }
il sito è questo:

Sito