So, for some reason this div is ignoring margin:0px auto; for #MainArea
I tried to overcome by adding margin-left:1.5em; for IE only, but can’t get that to work.
I just discovered the answer and so I will still post this since it was a pain in my ass. I need to set #MainArea to display:block;
I tried this solution when I read something about the fact that you need to do this when the div/section is less than the width of the parent. In this case my #MainArea div is 95% width while it’s parent is 100% width.