I want to construct a div that has a header with background like that

some content with a background of one pixel repeated at y(or not?)

and a footer with background like that

resulting in something like that with some text in the div content

I want to have the same result with 5 lines or 50 lines of text.

In my mind there is an html snippet like

<div id="header"></div>
<div id="content">Text goes here</div>
<div id="footer"></div>

but i can't think of the css or jquery code or anything that goes with that.

I hope i demonstrated the problem clearly Cheers