centrering af tekst

Hvordan får jeg lavet følgende script, så main bliver centreret på skærmen? Det behøver ikke virke i IE, da jeg har et andet script til det.

html, body {
  margin: 0px;
    left: 0px;
    text-align:center;
  background-color : #ffffff;
}

#top {
height : 60px;
width : 100%;
background-image : url(/images/top_bg.gif);
background-repeat : repeat-x;
}

#top_menu {
margin: 5px auto 0px auto;
height : 59px;
width : 750px;
}

#main {
width : 700px;
text-align : left;
}

#bottom {
position : relative;
height : 30px;
width : 100%;
background-image : url(/images/bottom_bg.gif);
background-repeat : repeat-x;
text-align : center;
}