title: Transparency gradient on content upper andand lower edge
body: <p>I'm currently working on a page and it's almost finished. But there's one thing, that bothers me. I've got a content div (670x400px) with a scrollbar and lots of text and pictures. When I scroll, sometimes the text is cut in halfs and on the edge there is a line half letters left. I've attached an image of what I mean.</p>
  
  <p><a href="http://imageshack.us/photo/my-images/195/unbenannt1fll.jpg/" rel="nofollow">http://imageshack.us/photo/my-images/195/unbenannt1fll.jpg/</a></p>
  
  <p>What I would like to do now is to put let the edge fade out. I thought of some ideas like putting a white gradient there or transparency or something with jquery and searched several words put I didn't find anything useful and I'm too bad to think of something myself. I hope you can understand my problem and help me maybe.</p>
  
  <p>EDIT:</p>
  
  <p>I've added a (photoshopped) picture of what I would like to create.</p>
  
  <p><a href="http://imageshack.us/photo/my-images/339/unbenannt1qo.jpg/" rel="nofollow">http://imageshack.us/photo/my-images/339/unbenannt1qo.jpg/</a></p>