title: How do I make sure child elements do not cover up inset shadow?
body: <p>I have a <code>div</code> element with some child elements, and I'm trying to apply a inset box-shadow the child elements seem to be covering up the box-shadow, here is a jfiddle example:
  <a href="http://jsfiddle.net/sightofnick/wdYpv/" rel="nofollow">jsFiddle Demo</a><br></p>
  
  <p>If you take away the <code>background-color</code> on the <code>optn</code> class you'll see the inset box shadow there, so my code <strong>is</strong> valid. So the questions is, how do I make it so the child elements appear under the box-shadow?</p>