Eu tenho um menu suspenso CSS que estou tentando construir, e o plano de fundo do menu suspenso tem uma sombra desbotada / afilada:

Eu estou tendo problemas para tirar a sombra da caixa para realmente diminuir / diminuir.

Aqui é onde eu estou agora:http://jsfiddle.net/Shpigford/f9aKR/

Eu tentei usar:before e:after pseudo seletores, entre outras coisas, mas não consegue acertar.

Para esclarecimento, estou especificamente precisando apenas de ajuda com a sombra no menu suspenso. Meu jsFiddle é uma versão simplificada para manter o exemplo o mais simples possível.