three column Body style

[peasepud]

Hi all,

 

Ive checked through the posts and have seen a couple related but nothing matching mine so apologies if Ive missed an answer already.

 

I want a body background that has images down the left and right hand sides, in the centre Im looking to put the actual content. Example below:

 

The shaded content will be a fixed height and width for a 1024x768 screen so maybe 900x700 or so.

 

My problem is that I cant repeat the background and want the vines down the sides to stay at the relevant edges therefore I thought I could just float left and right respectively (with the yellow background in the body to fill the gap).

 

Where the problem comes is the height. I made the background images way longer than needed so if someone is using a large screen resolution then they will see the continuation however if I set the height to 100% I dont see them at all.

 

So basically my question is, is it possible to create a three column BODY as such that will stretch to the width and height of the screen?

[SuperBlue]

I've already done something similar in one of my position based layouts, the trade off is support for older browsers, something i'm more then willing to give up.

 

I applied a similar technique to my blog, which is offline at the moment. But you can still view the original technique at: Position Based Equal-height Columns Technique