Overlay gradients

[AusQB]

I have a div that scrolls text vertically within it. At the top and bottom of this div I want transparent gradient overlay images so that the text appears to be fading as it reaches the vertical edges.

I'm a little confused as how to do this however. Any help would be appreciated.

 

[LouTheDesigner]

Is Flash an option?

Also, what about placing an image over the div (the image being within a div itself) that uses a gradient for opacity? What I mean by that is, an image with a center opacity at 0, and the edge opacity at 100.

 

[AusQB]

Is Flash an option?

Not in this case no.

Also, what about placing an image over the div (the image being within a div itself) that uses a gradient for opacity? What I mean by that is, an image with a center opacity at 0, and the edge opacity at 100.

I tried that with two images, one at the top and one at the bottom, but I couldn't arrange it so that they were in the right position and that the text flowed behind them rather than between them.

This is roughly what I have:

<div>

<script>

     /*Scrolling text displays here*/

</script>

</div>

If I insert an <img> above that <script> tag, it obviously pushes it down. I tried fooling around with the position attribute, but that just throws my whole page around.