I
think that I understand what you are trying to make happen. I can center the div with the text within the grey block in Firefox, but for whatever reason, it remains sucked to the left in IE.
http://www.maladaptedmedia.com/swed.htm
I've toyed with it a bit, so don't just copy over your current code. I may have pulled something that you need.
In order to make that text div center, display: inline; in #content needs to be changed to display: table; and
margin-left: auto;
margin-right: auto; needs to be added.
This will not play well with margin: 0; that is set in your body style. You'll have to change that to:
margin-left: 0;
margin-right: 1px;
in order to not get a horizontal scroll in Firefox. Note the right margin is 1. 0 gives the scroll.
I've added padding within the text div just pull the text off of the border.
This may help, or it may just add even more confusion.
