title: CSS box-shadow to appear on top child elements
body: <p>I have an ul with an inset box-shadow:</p>
  
  <pre><code>-webkit-box-shadow: inset 0px 0px 5px #000;
     -moz-box-shadow: inset 0px 0px 5px #000;
          box-shadow: inset 0px 0px 5px #000;
  </code></pre>
  
  <p>I would like all the child elements to appear underneath this shadow.</p>
  
  <p>See: <a href="http://jsfiddle.net/jimsteinhart/XX36p/" rel="nofollow">http://jsfiddle.net/jimsteinhart/XX36p/</a></p>
  
  <p>Does anyone know if this is possible?</p>