CSS3 box-shadow for overlapping-like divs

Question

I\'m trying to achieve this effect with css3:

The HTML code is

Answer 1

I just had some luck using relative positioning.

For example.

1st div has a box-shadow, and a bottom margin. 2nd div slides up under the shadow.

#firstdiv {width: 960px; box-shadow: 5px 5px 5px #ccc; margin-bottom: 10px;}
#seconddiv {width: 960px; position: relative; top: -10px;}

It's not the best solution but it works for me.