Hi, me again So I'm kinda new to CSS but eager to learn since I'm trying to redesign my page to something a little more...modern. Anyway, the problem revolves around giving a page a height that is consistent with the div boxes, since the page doesn't auto adjust for them. This is a problem because my page keeps getting cut off and my tag keeps covering up the div box. Generally I would use a cheap method like typing <br> repeatedly to extend down the page but it's becoming a hassle now that Im using a gradient background and the gradient won't extend either. It would help a lot if someone could give me the answer since I'm pretty sure it's simple for people who know CSS. If it helps, you can see the example at [link]http://www.fauxsaics.com/step1.php[/link] And the code for the gradient looks like this: background: #000000; /* old browsers */ background: -moz-linear-gradient(top, #000000 45%, #005700 100%); /* firefox */ background: -webkit-gradient(linear, left top, left bottom, color-stop(45%,#000000), color-stop(100%,#005700)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#005700',GradientType=0 ); /* ie */ height:100%; Code (markup):