Auto Margins not working in IE6

[bgnm2000]

Hey Guys,
I searched the forum for a solutions, but couldnt come up with anything that could fix my problem.

If you view http://www.NesaCommunity.com/business in IE6 you will see everything aligned left, instead of centered.

Any help would be greatly appreciated!

here is the CSS:
#wrapper {
width: 99.9%;
}
#wrapper #header {
background: url("http://www.nesacommunity.com/business/templates/nesa/img/ss/b_02.gif") repeat-x;
margin: 0px auto;
width: 100%;
height: 378px;
padding-left: 1px;
}
#wrapper #header p {
margin-top: 0px;
}
#wrapper #header_1 {
margin: 0px auto;
width: 882px;
height: 157px;
}
#wrapper #header_2 {
margin: 0px auto;
width: 882px;
height: 237px;
}
#wrapper #lowerbg{
background: url("http://www.nesacommunity.com/business/templates/nesa/img/h_08.gif") repeat-x bottom;
width: 100%;
}
#wrapper #lowerbg #footer {
height: 144px;
background: url("http://www.nesacommunity.com/business/templates/nesa/img/m_13.gif");
width: 664px;
margin-right: auto;
margin-left: auto;
}

body #wrapper #header{
min-height: 378px;
height:auto;
}
body {
margin: 0px;
}
#wrapper #lowerbg #middle {
width: 664px;
background: url('http://www.nesacommunity.com/business/templates/nesa/img/bgcell.gif') repeat-y;
clear: both;
margin: 0px auto;
height: 100%;
padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:10px
}
.ctext {
font-family: "century gothic";
font-weight: bold;
color: #FFFFFF;
background: #6a96c4;
text-align: left;
padding: 8px 0px 8px 8px;
margin: auto;
vertical-align: top;
}
.ctext a{
font-family: "century gothic";
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
.headline {
color: #A40000;
font: bold 18px georgia;
vertical-align: middle;
margin: auto;
float: left;
}
.moduletableheadline{
color: #A40000;
font: bold 18px georgia;
vertical-align: middle;
float: right;
}

#wrapper #lowerbg #middle p {
margin-top: 0px;
}
#wrapper #lowerbg #s_middle_bar {
background: url("http://www.nesacommunity.com/business/templates/nesa/img/j_10.gif") no-repeat;
margin: auto;
width: 654px;
height: 21px;
vertical-align: middle;
color: #A40000;
font: bold 18px georgia;
vertical-align: middle;
margin: auto;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
}
#wrapper #lowerbg #bottom {
background: url("http://www.nesacommunity.com/business/templates/nesa/img/g_07.gif") no-repeat bottom;
margin: 0px auto;
width: 664px;
height: 100%;
padding-left:0px; padding-right:0px; padding-top:10px; padding-bottom:22px
}
#wrapper #lowerbg #bottom #categories {
background: #e2e2e2;
font-family: "century gothic";
color: #000000;
vertical-align: top;
margin: 10px auto auto;
width: 93%;
font-weight: bold;
filter: Alpha(Opacity=60, FinishOpacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
padding: 0px 0px 8px;
}
#wrapper #lowerbg #bottom #categories p {
font-family: "century gothic";
padding: 10px;
}
#wrapper #lowerbg #bottom #menu {
background: #a40000;
font-family: "century gothic";
color: #FFFFFF;
font-weight: bolder;
text-align: center;
margin: auto;
width: 93%;
vertical-align: middle;
padding-top: 8px;
padding-bottom: 8px;
}
#wrapper #lowerbg #bottom #menu a {
font-family: "century gothic";
color: #FFFFFF;
font-weight: bolder;
text-decoration: none;
}
#wrapper #lowerbg #middle #menu {
background: #a40000;
font-family: "century gothic";
color: #FFFFFF;
font-weight: bolder;
text-align: center;
margin: auto;
width: 93%;
vertical-align: middle;
padding-top: 8px;
padding-bottom: 8px;
}
#wrapper #lowerbg #middle #menu a {
font-family: "century gothic";
color: #FFFFFF;
font-weight: bolder;
text-decoration: none;
}
#wrapper #lowerbg #middle #categories {
background: #e2e2e2;
font-family: "century gothic";
color: #000000;
vertical-align: top;
margin: 10px auto auto;
width: 93%;
font-weight: bold;
filter: Alpha(Opacity=60, FinishOpacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
padding: 0px 0px 8px;
}

[bgnm2000]

Fixed w/ doctype!