IE is not centering the main part of a PHP page, have tried text-align: center

[kitzi]

I have a website I am developing, this can be viewed live here:

http://www.rollonlunchtime.com/index.html

all of the html files align themselves properly in IE as you can see from the main page, but the php pages arent centering on the screen:

there are 3 php pages that start here:

http://www.rollonlunchtime.com/design.php

can anyone see why this may be happening?

CSS is below, let me know if you need more info I am new to this ("hi") :wave:


body {

background: #333;
color: #333;
font: 13px arial,helvetica, sans-serif;
margin: 0 auto;
padding: 0;
text-align:center; /*For IE6 Shenanigans*/
}

#main {
width: 753px;
margin: 0 auto;
text-align: left;
}



/* Header Styles */

#header {
width: 753px;
height: 164px;
border: none;
margin-top: 50px;
background: url(images/header.png) no-repeat top center;
}

h2 {
font-size:14px;
}

#header img {
border: none;
}

#header a:visited, a:hover, a:active, a:hover {
text-decoration:none;
}

#logoclick {
margin-left:25px;
padding-top:15px;
border: none;
}

/* Navigation Styles */

#leftnav {
border-left: #666 2px solid;
width: 153px;
background-color: #B51032;
float: left;
display:block;
padding-left: 2px;
position: relative;
min-height: 771px;
}

#leftnav ul ul {
margin-left: 12px;
}

#leftnav ul {
list-style: none;
margin: 0;
padding: 0;
}

#leftnav li {
border-bottom: 1px solid #ED9F9F;
}

#leftnav li a:link, #leftnav li a:visited {
font-size: 90%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 12px solid #711515;
border-right: 1px solid #711515;
background-color: #B51032;
color: #FFFFFF;
text-decoration: none;
}

#leftnav li a:hover {
background-color: #711515;
color: #FFFFFF;
}

#leftnav ul ul {
margin-left: 12px;
}

#leftnav ul ul li {
border-bottom: 1px solid #711515;
margin:0;
}

#leftnav ul ul a:link, #leftnav ul ul a:visited {
background-color: #ED9F9F;
color: #711515;
}

#leftnav ul ul a:hover {
background-color: #711515;
color: #FFFFFF;
}

/*main content styles */
#mainright{
min-height: 731px;
width:554px;
border-right: #666 2px solid;
background: #fff;
padding: 20px;
float: right;
display: block;
}

#mainright_thankyou {
height: 731px !important;
background: #fff;
}

/*image style*/
#mainright img{
border:2px solid #711515;
margin-left:140px;
margin-top:10px;
}

/*rounded boxes styles */

#roundedboxes{
padding:10px 10px 10px 40px;
color: #fff;
}

#mainright ul#split,ul#split li{
margin:0;
padding:0;
list-style:none;
}

#mainright ul#split li{
float:left;
width:150px;
margin:0 10px 10px 0;

}
#mainright ul#split h3{
font: bold 120%/1.3 Verdana,sans-serif;
text-transform:uppercase;
text-decoration: underline;
margin:0px;
padding: 5px 0 0;
text-align:center;
color: #fff;}

#mainright ul#split p{
margin:0;
padding:5px 8px 15px;
}

#mainright li#one{
background: #993333;
}

#mainright li#two{
background: #993333;
}

#mainright li#three{
background: #993333;
}


#menubackground{
background: #cccccc;
}

h1{
font-size: 20px;
margin: 0 auto;
text-align: center;
color: #711515;
padding-bottom: 15px;
}

/*footer styles */
#footer{
background: url(images/footer.png) no-repeat top center;
clear: both;
width: 753px;
height: 164px;
border: none;
margin-bottom: 50px;
}