Gradients on the body

I used gradients on the body - fine, works well.

Then I added an image into the wrapper divs - ahhh. Not well.

Why does it do this? Why doesn’t the gradient stretch across the entire body regardless of what is in the wrapper?


Try giving html 100% height and then putting the wrapper inside the body tag. You will also need to move the 10px top margin from #wrapper as it will collapse onto the body. Just use some extra padding top on the wrapper instead.