Internet Explorer 7 & 8 Margin Display Issues

I was having a small problem with center aligning a DIV in IE7 and 8. There are some minor height issues also, but ill cross that bridge when I get to it...

I have always used

middleAlign {
    width:someAbsWidth;
    margin-right:auto;
    margin-left:auto;
    position:relative;
}

to center my DIVS in all browsers, and it has worked fine. But now, I am having problems with this method in IE7 and 8. They do not center the div; rather it acts 开发者_高级运维as if the margin-left is 0. Could it be other CSS rules affecting the margin display in IE?

I have uploaded the page to my server; the page is viewable here: http://drafts.thatcompdude.com/NewSite/

The page renders just fine in FF 3.6; Chrome 8.0.

Thank you;

--Dylan

Your page is in quirks mode because of the comment at the top. Remove it and it'll be standards mode and it'll start working.