Adding a repeating image border


Here is the site I am working on:

I’m trying to add a repeating image for the left and right border. What is the best way to do this? Say for example, that I have an image that is 1px tall by 50px wide.

Right now it’s a solid border, but I’d prefer something with a little texture.

Thank You


To my knowledge you would need to use the CSS3 feature called border-image (which is only available to certain browsers). Maybe you can achieve something similar with Javascript but I am not certain.