[thelist] center works in IE but not in Netscape/Moz

[Scott Blanchard]

http://demo.octigon.com/websites/templates/studentlife/test.htm

This site design should be centered in the browser window ( body 
{text-align:center} )

But I cannot get it to center in any browser other than IE. Any help would 
be much appreciated!

Here's the css...


body {text-align:center;  background:#fff; 
font-family:tahoma,verdana;font-size:11px}
.header {width:777px; height:108px; background: orange}
.siteMenu {text-align:center; height:30px; padding-left:10px;}
.siteMenu ul, .siteMenu li {display:inline; margin:0; padding:0;}
.siteMenu li {border-right:1px solid #000;padding-bottom:5px}
.siteMenu li.x8_last {border:none}
.siteMenu a {line-height:35px;text-align:center; 
color:#000;text-decoration:none;padding:0 30px 2px 30px;border-bottom:1px 
solid #000}
.siteMenu .x8_last a {background:none}
.siteMenu a.x8_active {font-weight:bold}
.siteMenu a:hover {background:orange;color:#fff}
#main {position:relative; text-align:left; width:777px; height:auto; 
background:#fff url(../images/sidebarBottom.gif) no-repeat bottom right}
#content {min-height:250px; background:transparent; width:auto; 
padding:15px; margin-right:158px;}
* html #content{height: 245px;} /*this is a hack for IE's lack of min-height 
support */
#sidebars {position:relative; float:right; width:168px; top:0px; 
right:0;background:transparent url(../images/sidebarTop.gif) no-repeat top 
right}
#sidebars .sidebarTitle {height:25px; padding:5px 0 0 10px; color:#fff}
#sidebars .sidebarContent {padding:10px;}
.footer {width:777px; text-align:left; padding:10px; 
color:#000;letter-spacing:4px; font-size:9px; border-top:1px solid #000}

_________________________________________________________________
High-speed users—be more efficient online with the new MSN Premium Internet 
Software. http://join.msn.com/?pgmarket=en-us&page=byoa/prem&ST=1