Centré mon conteneur en CSS

Bonjour à tous.

J'ai un petit soucis sans doute tout bête à résoudre, mais je n'y arrive pas....

J'ai crée un conteneur en css

#main{
position: relative;
background: #9cf;
margin: 20px auto;
padding: 0px;
width: 800px;
}

Celui ci apparait centré sous firefox (l'effet recherché) et sous IE, il apparait à gauche!!!

Mon conteneur est utilisé comme suit:

<div id="main">
    <div id="entete">
    ......
    </div>
    <div id="gauche">
     ......
    </div>
</div>

D'avance merci

Dans body{} j'ai ajouté texte-align: center et ca fonctionne mais je trouve pas ca très propre.

salut

remplace :

margin: 20px auto;

par

margin:auto;

Bonjour,

j'ai déjà essayé sans succès y a que text-align: center...

jour
a tu essayer en mettant une position absolue et left a 50% a ton div
<div id="main" style='position:absolute;left50%'>

petite erreur le laisser en relative mais mettre en pourcentage left:50%