CSS background/border images

[[m] at]

This is something I've been able to avoid doing in CSS so far, but I need to take care of it now. This site has a drop shadow going off the left right side (outlined in red in the screenshot below). How can I get this border/shadow to stick to that side and extend to the full height of the content area? Is it possible to do without javascript? I've managed to do something similar before, but I did it for a site that doesn't use dynamic width so it was much easier. Any help would be appreciated.

http://www.uploaderx.net/pics/cssq.jpg

edit: hmmm that url didn't work. try this one

http://upload.intermatter.net/bin/cssq.jpg

[_Aerospace_Eng_]

You can either nest a div in a div making the outer div wider so you can have the shadow repeat-y as a background image or use one div and give it enough right padding so the background image can be seen, you would still repeat-y;

[ronaldb66]

Onion skins

You can get a visual clue of what _Aerospace_Eng_ is meaning in the ALA article "Onion Skinned Drop Shadows". You may want to approach things slightly differently then the article describes, but the layering approach still holds.