My Dreamweaver Halo design is centered in some browsers but not IE7

My page center's fairly ok in Firefox and most browers but not IE

[nvinc]

I have a issue where I modified the Halo Left Nav template.

The site's owner didn't want the design to expand to the entire screen (such as for wide monitors). So I attempted to modify it and give it a max width of 900 px.

However I have a issue where it centers fairly well (although it's off by 20 pixels or so) in most browsers.

Avant 1.7 (I think) and ie7 throw portions off the site all around the page. The header goes to the left and the rest of the site goes to the right. Also the page is "wider" than I intend.

I also have a issue where the side Subscribe area in the right overlaps the text just above it but doesn't in most other browsers.

This is the page in question.

<snip>

Here's the CSS file.
<snip>

Edit: I will be gone until Monday - Nevada Time. I just figure out of politeness in case anyone leaves a question for me.

Thanks in advance.

[edited by: swa66 at 5:04 pm (utc) on Oct. 31, 2009]
[edit reason] No links, please see ToS and Forum Charter [/edit]

[D_Blackwell]

Welcome nvinc. The personal links are going to get chopped, so I cannot use as a reference. Read the TOS and requirements specific to the CSS forum.

My recommendation is to strip the HTML and CSS down to the problem itself by commenting out extraneous markup unrelated to the problem. If the fix is not found during this process, post the test ready code that replicates the problem and we will look at the options.

Be sure to declare a DTD and validate the markup. That will avoid, eliminate, or rule out many problems.

The site's owner didn't want the design to expand to the entire screen (such as for wide monitors). So I attempted to modify it and give it a max width of 900 px.

This is a good thing, and I do not design beyond capacity of 1024px x 768px without specific reason.

(Still has width issue in Firefox. 3.5.1)