title: Negative z-index knocking out links
body: <p>I'm trying to add a sidebar to my page.  The main body container on the page has a box-shadow, so I want the sidebar to appear as though it's coming out from underneath the container so the shadow will be on top of it.  I made my sidebar div a direct child of the body container (which has position: relative), and set it's position to absolute, then positioned it using the top and right position values.  I got it in the right place, then applied a negative z-index so that it would be under the body.  The problem is, this is making any links that I put in the sidebar unclickable in all but IE9.  I don't know how else I can accomplish this without knocking out the links.  Any ideas?</p>
  
  <p>I would post a link to a page showing an example, but I'm actively making changes to it, so by the time you clicked it you probably wouldn't see what I'm going for.  I'll try to explain better.</p>
  
  <p>The body container is 720px wide and has an auto margin so that it appears centered in the page.  It is positioned relative.</p>
  
  <p>The sidebar is a direct child (the first child) of the body container.  It has a fixed width, position absolute, padding, etc. and has a top and right position applied, along with a z-index of -100.</p>
  
  <p>Here's a link:</p>
  
  <p><a href="http://reachchallenges.infectionist.com" rel="nofollow">http://reachchallenges.infectionist.com</a></p>