I have relatively new to div only design and was wondering how I can setup my css to have the inner div take the entire height the screen. I have the following basic div structure
My content does not have a height specified and has the following css property:
margin: 0 auto; /*to bring it to the center of the page */
background: url(images/img10.gif) repeat-y;
However, when I expand my page in the browser the gradient or image with repeat-y doesn't come all th way down to up to the footer in safari and in IE it continues all the way dows to the footer. take a look at the attached image and see the inner gradient doesn't go all the way down when I expand my page.