Few IE Problems

Been messing with my site the past few hours and have a few problems in IE I can't seem to squash. Was just wondering if anyone could give me a hand and help me fix them.

#1: http://www.mirroredwhite.com/index.php?id=5

When the content makes the page scroll, the bg of the div #wrapper doesn't keep going to the bottom of the page. It also seems to be making the page scroll and end short on pages where content doesn't exceed the screen.

#2 http://www.mirroredwhite.com/portfolio.php

On this page and a few others the bg image of the .content div keeps going threw other divs and you can see it extend past the footer image.

Thanks for any help anyone can provide.

For #1: For your Wrapper div add

Didn't work :[ Just gave me scroll bars and there was still a space below the horizontal scrollbar it added and the bottom of the page.

Have you tried height:auto; for the wrapper div?

That didn't work either, it goes further down the page instead of stopping halfway but there's still like a 5px margin between the bottom of the wrapper div and the screen. There's no margin or padding on the wrapper div or body / html so no clue where it's coming from. Also it breaks it when the content fits in the whole page it doesn't go to the bottom.

have you tried specifying the margin or padding to be 0px for that side?

Yep it's set to 0px both margin and padding, on body, html, and the wrapper div.

So can anyone spot anything I'm missing? I can't find anything for the life of me.

Well I narrowed it down and the extra space at the bottom and bg not going all the way down seem to be linked.

To get the wrapper bg to go all the way to the bottom I need to put min-height: 100%. If I change min-height to height it gets rid of the extra space but the bg no longer go's all the way to the bottom.

Anyone have any clue what's going on and how I can fix it?