I’d recommend simply using multiple div layers, so something like the following:
body { background: url(images/top_left.png) top left no-repeat; }
div.topbotright { background: url(images/botright.png) bottom right no-repeat; }
div.repeater { background: url(images/repeater.png) repeat-y; }
Then in your markup, simply add the div’s, in that order, wrapping all of your code (with of course, adding paddings and margins of 0 on all of that), and you should be ready to go.
I wouldn’t try for anything where you could declare both all of them in the same tag, because that would surely lower your browser compatibility.