title: Position absolute has greater z-index than position fixed
body: <p>I have a poblem with an element that is positioned relative. The problem is that I have a header with position fixed and content which is positioned relative. If I scroll down the content the element is put in front of the header. I tried with z-index but I just can't get it to work. I have put <code>z-index:999</code> on header.</p>
  
  <p>Here you can see my <a href="http://jsfiddle.net/kUW66/" rel="nofollow noreferrer">jsFiddle</a></p>
  
  <p>Here is a picture:
  <img src="https://i.stack.imgur.com/S43l1.jpg" alt="enter image description here"></p>