I'd like to put an image as divider between the main content and the sidebar, and I want it to be fluid with the site length.
I tried playing around with border-image in the css, but that doesn't seem to work. Placing the image as a background-image has the disadvantage that it doesn't scale with the site-height. And of course I only want it to scale in height, not in width. I tried floating the image and a div with the image in it (above the loop) but I couldn't get that to work.
Do you have any ideas about how to get this done? I'm OK with splitting the image into a top, middle (for extension) and bottom, but I need some help with where to put either the whole image or the parts.
The effect I'm after is like the vertical divider at http://www.pragmatichybrid.com, but they have it as part of the site background and I don't think I can pull that trick because I already have 2 images as site background, 1 in the body tag and one in the html tag.
My site is http://playyourwordsright.com