title: Box-Shadow over child elements?
body: <p>I need to make my box-shadow appear like a border: If I have a parent with a inset boxshadow and I put a child div in it, the box shadow should go over the child div like shown here with borders:</p>
  
  <p>jsFiddle: <a href="http://jsfiddle.net/7rRsw/2/" rel="noreferrer">http://jsfiddle.net/7rRsw/2/</a></p>
  
  <p>Is there anything like a z index for this problem, or a css hack?</p>
  
  <pre><code>Thanks
  </code></pre>
  
  <p>EDIT: I need to use box shadow inset + no borders or box seizings.
  I am searching for hacks to make this possible only with box shadow. A possible hack would be to add box shadows left and right on the child div. </p>