<div id="outer-wrapper">
<div id="inner-wrapper">
<div id="content">
<h1>Title</h1>
<p>Content</p>
<p>More content</p>
</div>
</div>
<div id="bottom"></div>
</div>
That will allow you to assign background images to the outer-wrapper, inner-wrapper (repeating) and bottom divs, and use negative margin to offset the content div.
It really is divitis but it will work in all browsers. If I was doing this myself I would use CSS3 and not care about pixel perfection in IE7.