LAYOUTS - CSS: Professional Techniques for Modern Layout - page 124

Figure 4-18: The background image containing the column separators.
It's only a few pixels tall because it will be repeated vertically (see also Figure 4-19).
div.contain { width : 960px ; margin : 0 auto ; overflow : auto ;
background : url(separators.png) 0 0 repeat-y ;}
126
Figure 4-19: Column separators by way of background image.
And there you go!
You aren't limited to separators, of course—any vertically repeating pattern will work,
including i lled-color column backgrounds (see Figure 4-20). Just a quick change of image
accomplishes that.
div.contain { width : 960px ; margin : 0 auto ; overflow : auto ;
background : url(filled-columns.png) 0 0 repeat-y ;}