Abnormal margins/spacing in my css when displayed in IE 8/9

I recently made a website built over WordPress and in IE 8/9 I am getting a huge space in between the main body and footer.

The website is http://www.sunmarkdevelopments.com

From what I can gather, it seems like the footer menu (using a ul) is computed to having an extremely big height for some reason. At this开发者_JS百科 point I'm pretty stumped as to why it's doing that. It's looks fine in Firefox/Chrome/Safari and IE 7 (go figure).

Any ideas or help is greatly appreciated.

P.S. I'm not a pro web designer or anything so I understand my CSS is messy, sorry!

---

You have an unclosed anchor element causing a rendering error, see this line:

<div class="view-community"><a href="http://www.sunmarkdevelopments.com/uptown-clayton-village-phase-1/" title="Uptown Clayton I">view community<a/></div>