CSS (decorative) scroll border on all 4 edges of a page area
Posted on 2010-01-08
we have a page that has the main content area (all of the page, but centered horizontally for the case that the browser window is larger than the content area (and a dull solid background color will show to either side of the main area).
For that main area, there's a decorative "scroll" type of border which we have as a raster image (4 images - top, two sides, bottom - all this strips).
(the client is in love with it and won't budge - it's a horrible scan, inherited, but that's beside the point).
I need to repeat the scroll borderon the vertical edges for as tall as the page is, but then when the bottom of the page comes, stop the repeating vertical image on the edges and put in the bottom horizontal scroll image.
How to accomplish this such that it renders reasonably cross-browsers.