Is it possible to have a single div with 1 background image repeating at seperate sections?
Let me explain.

I have a single div, called main. In this div you will find h1 tags and p tags.

At the top of the div, there is a gradient. Lower down, the image will fade into plain white with a border (meaning I can't just have no-repeat and then #FFF as background colour).

Therefore, I was wondering if it's possible to have the white section to continue forever without making an extremely large image and without creating a new div.

Note: The h1 and p tags will be transparent.
Is it possible to have a single div with 1 background image repeating at seperate sections?
===

Let me explain.

I have a single div, called main. In this div you will find h1 tags and p tags.

At the top of the div, there is a gradient. Lower down, the image will fade into plain white with a border (meaning I can't just have no-repeat and then #FFF as background colour).

Therefore, I was wondering if it's possible to have the white section to continue forever without making an extremely large image and without creating a new div.

Note: The h1 and p tags will be transparent.