Stonowany / zanikający cień CSS?

Mam rozwijane menu CSS, które próbuję zbudować, a tło listy rozwijanej ma wyblakły / zwężony cień pola:

Mam problem z ściągnięciem cienia z pudełka, aby się zwężał / zanikał.

Oto gdzie jestem teraz:http://jsfiddle.net/Shpigford/f9aKR/

Próbowałem użyć:before i:after pseudo selektorów, między innymi, ale nie do końca to rozumie.

Dla wyjaśnienia potrzebuję tylko pomocy z cieniem na liście rozwijanej. Moja wersja jsFiddle to okrojona wersja, która ma na celu zachowanie tego przykładu tak prosto, jak to możliwe.

questionAnswers(1)

yourAnswerToTheQuestion