Streaming live at 10am (PST)

Apply shadow to only 3 sides of div?

So I have a nav bar with drop down buttons. my nav bar has a shadow on it and I would like for my dropdown menus to also have shadows. Problem is that the shadow I add to the drop down also extends over my nav bar button. I can move the shadow a distance, but I have to move the shadow too great of a distance for it to not appear in the nav bar to where it no longer looks good. I also had no luck with putting the nav bar above the z-index of the shadow. I attached an eddited photo of what I would like for it to look like. I would greatly appreciate any help.Shadow


Here is my site Read-Only: LINK
(Read only)

2 years later and I’m having this same issue.

I tried making a div with position absolute (take up the whole drop down area) and z index -999 but still no joy.