drop shadow with tabs not working properly

I am trying to implement the solution listed here:

Creating a CSS3 box-shadow on all sides but one

I created this jsfiddle using that guys code, adding overflow:hidden to #nav. You can see it here:

http://jsfiddle.net/eeTUJ/

The thing that is still missing is the shadow of the content on the light blue background. Does anyone know how to get it for the main content shado开发者_JS百科w to appear...?

Thanks

Add a z-index to the tab's active and hover state that is higher than #content_over_shadow. I added:

z-index: 20;

• http://jsfiddle.net/eeTUJ/2/