Another DIV postioning Problem

If you view this link on a Windows machine in FireFox it looks fine, but view it in IE7 it does not show properly

index_2.html

Oh might gurus of advice, how do I fix this?

Your humble servant.

I think its the CSS you have for #content. Since you are using left and right margins, there is no need for an explicit width on #content. So first I would remove that. Second, adjust the left and right margins will probably fix the issue. I noticed the right column is 328px wide, but #content only has a right margin of 320px.

Justin thanks for the input, I've made changes to the CSS but still no dice in IE7, could you take a look and advise.

Thanks

Just checking in to see if anybody has a solution to the IE7 issue as described above, thanks.

It looks good to me in IE7 now. I used IETester and IE8 in compatibility mode on Vista to check it out.

Maybe there's something wrong on my end because the content and right divs are showing below the left content div on my machine.

I do all of my work on a MAC and just use a windows machine for compatibility testing.

In general, IE is picky about the widths in some cases. I would take a step back and start with a blank content wrapper. Then add in the left column, right column, then content. See where it breaks in that process (my guess is the #content). Then for the div that breaks it, strip out all the css and add that in 1 line at a time. See what property seems to break it, then adjust it accordingly until IE renders it properly.

-justin