Height problem

[otester]

My site (to see source code): http://www.punch101.com/

 

What I intend it to look like afterwards (roughly): http://img62.imageshack.us/img62/3227/version1u.png

 

Problem:

 

I want to do the shadow effect on either side of the main content bit, so the idea was to fill the [stuff in quotes = div id's] "super_container" with orange, the "main_container" is already taken care of with keeping its white background.

 

Surrounding "main_container" would be "left_curtain" and "right_curtain", to get the curtains I took a square chunk (40x40) of both shadowy sides, created a div 40px wide on either side (hence the curtain ids), but I can't get the height to automatically equal page height even though I set the body min-height:100%; and height:100%, along with height:100% in both curtain divs and the "super_container".

 

Any ideas?

 

 

Thanks,

 

otester

[otester]

Fixed it:

 

For anyone else:

 

html { height: 100%; }
body { min-height: 100%; height: 100%; }

 

[otester]

OK that just locks the page at 100% (browser height :/)