How can I use two background images for creating vertical columns on either side of the page?

I've tried searching all over for a solution.
This is the closest that I've been able to get to
http://jerad.atspace.com/test.html
I would like to have identical sides somehow.

Any suggestions?
I would prefer to not have to use a single image due to the variety of screen resolutions.

Yes, I'm very new to css.

Thanks for anybody's time,

Yeah, BODY isn't higher than its content. Normally a background for body paints the whole height of the window anyway, but not when you also use a background for HTML. It's kinda messy.

How much content will you have? I.e. is there a risk a page will be shorter than the window? If not there is no problem. When the content is there, the background for body will be there too. You may want to remove margin and padding from body though.

If the content is going to be short you might try this.

It works in most newer browsers but there are no guarantees.
http://www.quirksmode.org/css/100percheight.html

It works awesome now!



Thanks so much!