Resizing Wrapper

Having an issue resizing the #main_wrap on: http://www.coffeeproteindrink.com/method-athlete/ #main_wrap { min-height: 100%; background: url(images/content_back.png) repeat-y top l

Solution 1:

Your top: 325px value is on #content, which is further down than where you want to be in element list. Hence, you want to push down #main_wrap with top, and remove the top from #content.

#main_wrap {
    position: absolute; 
    top: 325px;
} 
#content {
    top: 0;
}

http://jfcoder.com/test/methodsite.html

Solution 2:

One simple thing to do is (if having access to CSS) go down to your #Content tag

#content {
float: left;
margin: -28px030px0;
position: relative;
z-index: 20;
top: 325px;
height: 262px;
overflow: scroll;
}

And remove overflow:scroll, as your content divider is large enough to handle the content without having to overflow. So it should look like this

#content {
float: left;
margin: -28px030px0;
position: relative;
z-index: 20;
top: 325px;
height: 262px;
}