IE7 footer overlap

My website has a footer overlap in IE7, while fine in all later browsers.

here's the link: http://www.kindreviews.com

i have tried finding a solution via google, but answers seem so variant.

Please help!

Thanks开发者_Python百科, zeem

You've got bad encoding in your copyright area: Markup Validation of kindreviews.com - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code. Fix that and then revalidate and see if there are other code errors.

And you have a low answer acceptance rate; see the FAQ https://stackoverflow.com/faq and accept answers to your old questions.

I have to say that the site layout is a bit messy: container DIVs with smaller widths and heights than the contents, too many negative margings, and the like..

For instance, the DIV #cuber_div containing the flash banner, having an height set to 515px, is overlapping the text, so the upper part of text isn't selectable.

Besides, the #footer DIV is outside of the #wrapper DIV, so relative positioning in buggy browsers such as IE < 8 gets messed up.

My personal suggestion would be to fix the mark-up and re-style the whole site from scratch. It may take time, but far less than keeping the site like that and having it to break up every once in a while for seemingly no reason, and then go figure.. It's up to you to decide.