Tengo un menú desplegable de CSS que estoy tratando de construir, y el fondo del menú desplegable tiene una sombra de cuadro descolorida / afilada:

Estoy teniendo problemas para lograr que la sombra de la caja se reduzca o desaparezca.

Aquí es donde estoy ahora:http://jsfiddle.net/Shpigford/f9aKR/

He intentado usar:before y:after pseudo selectores, entre otras cosas, pero no pueden hacerlo bien.

Para aclarar, específicamente solo necesito ayuda con la sombra en el menú desplegable. Mi jsFiddle es una versión reducida para mantener el ejemplo lo más directo posible.