title: Links not clickable behind fixed position div using css clip
body: <p>I am using fixed positions elements along side the css property <code>clip</code> to make a cool scrolling / paging effect.</p>
  
  <p>This all works great but my issue is that I cannot click my links.</p>
  
  <p>I can see that the fixed elements are overlaying each other which is causing the issue but I cannot figure out how to fix it.</p>
  
  <p>I have tried changing <code>z-index</code> values on the containers and the anchor tag with no luck.</p>
  
  <p>Here is a fiddle: <a href="http://jsfiddle.net/9ukyrbc0/" rel="nofollow">http://jsfiddle.net/9ukyrbc0/</a></p>
  
  <p>If anyone can help that would be amazing!</p>
  
  <p>Cheers!</p>