title: Taper/fade CSS box shadow?
body: <p>I've got a CSS drop down menu that I'm trying to build, and the background of the drop down has a faded/tapered box shadow:</p>
  
  <p><img src="https://i.stack.imgur.com/jD0K1.png" alt="enter image description here"></p>
  
  <p>I'm having trouble pulling off how to get the box shadow to actually taper/fade off.</p>
  
  <p>Here's where I'm at right now: <a href="http://jsfiddle.net/Shpigford/f9aKR/" rel="noreferrer">http://jsfiddle.net/Shpigford/f9aKR/</a></p>
  
  <p>I've tried using <code>:before</code> and <code>:after</code> pseudo selectors, among other things, but can't quite get it right.</p>
  
  <p><em>For clarification, I'm specifically only needing help with the shadow on the drop down. My jsFiddle is a stripped down version to keep the example as straightforward as possible.</em></p>