Sono riuscita a fatica a costruire tutta la struttura della mia pagina con i css..

ORa però ho un problema, io ho allineato tutti gli elementi al bordo sinistro, quindi partendo da 0px in poi..
Adesos invece mi chiedono di centrare la pagina.
E io non ho la più pallida idea di come possa fare!

Devo fare un div più grande che contenga tutti, centrare quello (come fosse una tabella) e gli altri div annidati dentro con le distanze calcolate l'uno dall'altro e non rispetto al margine della pagina????

NOn so, non ho idea..

Vi posto il mio css (sono sempre i miei primi tentativi)


body {
margin:0px;
padding:0px;
font-family:Trebuchet, arial, helvetica;
font-size:11px;
color:#A29A9A;
background-color:white;
background-image:url(fondino1.jpg);
background-repeat:repeat;
height: 100%;
width: 100%;
}

#fondolaterale {
margin:0px;
padding:0px;
background-image:url(fondolaterale.jpg);
background-repeat:repeat-x;
background-position: 760px 94px;
height: 346px;
width: 100%;
}

#fondoverticale {
margin:0px;
padding:0px;
background-image:url(fondoverticale.jpg);
background-repeat:repeat-y;
background-position: 0px opx;
height:100%;
width:755px;
}

#testata {
position:absolute;
margin:0px;
top:0px;
left:0px;
height:94px;
width:760px;
backgound-color:#FFFFFF;

}

#fla {
position:absolute;
top:94px;
left:0px;
width:429px;
height:252px;
background-color:#FFFFFF;
}

#mission {
position:absolute;
top:346px;
left:0px;
width:428px;
height:222px;
font-family:Trebuchet, arial, helvetica;
font-size:11px;
color:#A29A9A;
background-color:#FFFFFF;
}

#barrettadx {
position:absolute;
top:94px;
left:725px;
width:33px;
height:474px;
background-color:#FFFFFF;
}

#promozioni {
position:absolute;
top: 94px;
left: 500px;
width: 225px;
height: 155px;
background-color:#FFFFFF;
}

#news{
position:absolute;
top:249px;
left:500px;
width:225px;
height:157px;
background-color:#FFFFFF;
}

#clienti{
position:absolute;
top:406px;
left:500PX;
width:225px;
height:164px;
background-color:#FFFFFF;
}