So I've been experimenting with CSS3 gradients. I had a go and it seemed to work fine I've changed a couple of other elements on the page ad now it stops halfway down the page and restarts the gradient if it makes sense,

 

This is the CSS:

 

body {
   background-color: #000000; /*old browsers*/
   background-image: -webkit-gradient(linear, 0%, 100%, from(#333333), to(#C1CDC1));
   background-image: -webkit-linear-gradient(top, #333333, #C1CDC1); /*chrome/safari*/
   background-image:    -moz-linear-gradient(top, #333333, #C1CDC1); /*firefox*/
   background-image:     -ms-linear-gradient(top, #333333, #C1CDC1);
   background-image:      -o-linear-gradient(top, #333333, #C1CDC1); /*opera*/
   color: #F2F2F2;
   line-height: 2;
   font-family: 'Droid Sans', sans-serif;
}

Edited April 22, 201214 yr by historygirllfc

Can you post the full code?

 

While that is where the gradient is, you might have something like the content stopping it or a height declared somewhere.