Whitespace between content and content-inner

I created a sub-theme using the starter kit.
I have made a few modifications, moved the navbar into header, etc
I am creating a custom profile layout via user-profile.tpl.php
User pictures are 350x499
In most browsers I have tested, Firefox 3.x and Safari 3.2.2, everything looks great, the user picture is flush with the footer.
When viewing the profile page in IE7 there is a (what appears to be line-height) space between the image and the footer.
When using the IE Developer Toolbar, the space appears to be between the #content and #content-inner div containers.
I have checked that all padding and margin is 0, set image display to block (this fixed the issue with Mozilla based browsers), and tried so many other things I couldn't list them all.
I am pretty sure the key is the image, but I am not sure what else to try.
You can view the website by pointing www.islandcreekoysters.com to 72.27.230.98 and clicking on the Bios link.
Any help is so greatly appreciated.

Cheers,

Antoine