Repeat Image Vertically How do I make this work?

I'm just seeking some help here...I have an image that I want to be repeated vertically on both sides of my layout. It will work as a kind of border on each side of my site. I need it to always go as far down as the page content, and I'm wondering if there's a way to do this...? Can it be done using tables and css or something? It can't be in the same table as my text content because I'm using an iframe (that will resize depending on the contents length).. Anyone who understands what I'm trying to say..??

Yes. I use it for my site.

It can be accomplished with CSS. Avoid using tables unless your are displaying tabular data.

Here's the code that I used:

#middle {  background: url(mid.gif) repeat-y;  background-repeat: repeat-y;}

Of course, #middle is the content box that will be expanding. To apply it to HTML code, you would do something like this:

<div id="middle">sdfsdf</div>

If you need more specific help, post the URL to your site, and I'll help you more. If you want me to see the message, be sure to PM me.

Here's the code that I used:

#middle {  background: url(mid.gif) repeat-y;  background-repeat: repeat-y;}

You can do it all under one property.

<style>.y{background: url(image.gif) repeat-y;}</style>

Then:

<td class="y">

hmmm that would be some good css right for a image template and the right looking borders definately going to use that little trick...save it now.

Thank you very much. I've figured out how to do it now, except I don't know how to make it repeat vertically on both the right and left side of my site. Does anyone know how to repeat an image to the right as well?