title: Gradient that stops at a particular height and continues further with a solid color
body: <p>I want to have a gradient in HTML/CSS.</p>
  
  <p>Assume some DIV is always more than 400px tall. I want to add the gradient so that it is #FFFFFF at the top and #EEEEEE at 300px. So the first 300px (height-wise) is a nice 'white to grey' gradient. After 300px, regardless of how tall the DIV goes, I want the background color to stay #EEEEEE.</p>
  
  <p>I guess this has something to do with gradient stops (?)</p>
  
  <p>How can I do it?</p>
  
  <p>P.S. If it is not possible in IE I don't care. I am fine if gecko and webkit browsers show this properly.</p>