Wrapper is shorter than content

My wrapper is shorter than the content generated by a page. Also the footer isn’t positioned right.

What I want with this template is a fixed header and sidebars, the content has to scroll beneath the header. The wrapper fills the background white. I think the problem is in the css, so I’ve added the css of both divs, the wrapper and the blog.

#wrapper{
        width:1024px;
        margin:0px auto;
        position:relative;
        border: 1px solid #000000;
        background:white;
        height:100%;
        min-height:540px;

}

#blog{
        width: 450px;
        padding: 0 10px 10px 10px;
        text-align:justify;
        background:white;
        top:150px;
        left:230px;
}

The link is here

I was really happy with the way the page scrolls, but it isn’t finished yet. I don’t know it anymore, can someone give me a litlle help please?