I have a stage that I built for a website layout and want to use a drop shadow behind it, see below.
The box will grow taller based on the content inside, so I don't think I can fix the shadow as part of the page background.
need ideas/suggestions on how to accomplish this. The box will be built as a single DIV with CSS and jQuery controlling the curves and gradients, and the shadow itself is saved as an image. Presumably I'd enclose the shadow image inside its own DIV and the two of them would be positioned against each other somehow.
Wrap the content box in a div and put the shadow image as a background on that div set to bottom left, add margins to the box to push it away from the shadowbox edges, so the shadow shows properly. No matter how big the content box gets its parent will grow too.
You'll need an alpha png background shadow so you'll need something like DD_BelatedPNG to deal with older browsers.