Dynamic box with shadow

This technique uses css to have a box with dynamic width and height and a shadow/border. It should work in any standard complaiant browser. Go ahead and change the width of the browser to see. The shadow can be quite complex, with different images for the corners, the sides next to the corners and the sides.

note: I use some png images with 8 bit transparency on this page. If your browser does not support it, the shadows might not look that good. If that is the case, please upgrade to a browser that displays variable transparency correctly.
I can recommend Firefox button

click here to change to colored shadow style to see the different regions.
click here to change to the default style.
normal (js)
color (js)

Opera 8.01 does not display the side div's correctly, this is a css bug.
IE also makes a mess of things.