FF and IE different - table issues

hello,

I am having the hardest time understanding what has gone wrong here - the site works in FF and Chrome but in IE the bottom div is floating off to the side as if the document / block level element flow is broken

I did not design the site - however me being the one whos a bit more knowlageable about css i still cannot answer the question.

site is http://dgatees.com

Which version of IE are you having problems with? I’ve tried in IE10 and the site looks the same as other browsers.

9 and below - sorry about that detail :|

I don't have IE9 and below to test here. When using F12 in IE10, it works correctly until I switch it to IE7 standards mode. There the div with footer_content2 ID is overlapping the text. IS that the issue you're seeing?

Have you tried removing the comment above the doctype to force it into standards mode?

wow - thank you i didnt even see that - fixed problem with the two middle content panes - however still having issues with the footer table content - looks like the float is breaking - i tried throwing a clear: both there but no joy

If that was the issue, then removing float: left; from #footer_content2 should fix the issue, without breaking other browsers. At least it fixes it here in IE7 mode in IE10.

damn ... i have no idea why that was even there - its not easy trying to backtrack someone else's code/thinking

thank you VERY much

You’re welcome