Z-index causes links to not work
I added a fixed header to my site recently, and as a result I needed to set my content to have a z-index of a negative value to ensure that it wasn't going over the header when scrolled down. The problem is, the individual elements are in a box with position: relative and the links are position: absolute. Both of those paired with the z-index makes the links unclickable. I've tried messing with the z-indexes but nothing seems to work. Here is a quick fiddle to show my issue: http://jsfiddle.net/7xEWs/1/
I'm not sure if there is another way or not to ensure my fixed header is displayed over the content without using z-index?