How to properly set the 100% DIV height to match document/window height?

Question

I have a wrapper positioned to center with an y-repeated background image:

    

        ...some content
    
&         


        

Answer 1

html, body {
    height:100%;
}
#wrapper {
    min-height:100%;
}