Je n'arrive pas à centrer mon site

Bonjour,
Je n'arrive pas à centrer mon site et je deviens dingue.
A savoir que je suis novice en la matière.
En pièce jointe 2 images
1 qui représente mes contenus
2 ce qui bouge quand je modifie les codes

MES CODES

#haut {
	position:absolute;
	left:20px;
	top:20px;
	width:1200px;
	height:417px;
	z-index:1;
}
#milieu {
	position:absolute;
	left:20px;
	top:438px;
	width:1200px;
	height:604px;
	z-index:2;
}
#pied-page {
	position:absolute;
	left:21px;
	top:1040px;
	width:1200px;
	height:349px;
	z-index:3;
	background-image: url(image/pied-page.jpg);
}
#menu-principal {
	position:absolute;
	left:20px;
	top:368px;
	width:1200px;
	height:68px;
	z-index:4;
	background-image: url(image/menu.jpg);
}
#navigation {
	position:absolute;
	left:20px;
	top:436px;
	width:250px;
	height:606px;
	z-index:5;
	background-color: #FFFFFF;
}
#contenu {
	position:absolute;
	left:270px;
	top:436px;
	width:950px;
	height:606px;
	z-index:6;
	background-color: #FFFFFF;
}

Quand je modifie mes codes par exemple :
Ca donne comme l'image 2 (décalé)

#haut{
       width: 1000px;
       margin: auto;
       display:block;
    }

POUVEZ VOUS M'AIDER SVP ?