title: CSS3 Box-Shadow Showing Behind Sibling Div Element
body: <p>I'm using:</p>
  
  <pre><code>box-shadow: 0px -1px 0px #333333;
  </code></pre>
  
  <p>on my footer but it's hiding behind or disappearing where the <code>div</code> before it is... hard to explain but here's what it looks like: <a href="http://cl.ly/7HLy" rel="noreferrer">http://cl.ly/7HLy</a></p>
  
  <p>Is there a way do have the box-shadow be on top of the other div before the footer? I've tried adding a z-index but it doesn't work.</p>