Hello everybody,

I've ran across this problem today that I simply cannot figure out how to solve, or whether what I'd like to do is actually possible with CSS.
Here's what I currently have: http://jsfiddle.net/qzNzc/ Now, what I'd like to do is have the backgrounds of the .contentcontainer and .maincontent divs meet up with the footer at the bottom. Not that big of a problem for .contentcontainer, however, I'd like .maincontent to have a bottom margin of 20px, just like at the top, and I simply don't know how I could achieve that.

Any ideas? Possibly javascript solutions if impossible with CSS?