I have changed the background color of the wrapcenter <div> in the master file for my skin.  The only way I can see a change is if I set the height in the style.css file.  But, every page has a different wrapcenter <div> height.  

Is there a way to make the wrapcenter <div> bump up against the wrapfooter <div>?

Here is the css for these two divs:

I tried changing the height of the wrapcenter div to 100% but to no avail.

#wrapcenter
{
    border-style: none solid none solid;
    padding: 0px;
    margin: -10px 0px 0px 1px;
    clear: both;
    width: 956px;
    min-height: 300px; /*background: url(background2.bmp);*/
    background-color: #F7F7F7;
    height: 100%;
    position: relative;
    border-right-width: thin;
    border-left-width: thin;
    border-right-color: #c9c9c9;
    border-left-color: #c9c9c9;
}
#wrapfooter
{
    clear: both;
    text-align: center;
    width: 960px;
    background-color: #F7F7F7;
}