title: CSS - <a href> not clickable
body: <p><a href="http://prntscr.com/19fg8x" rel="nofollow">http://prntscr.com/19fg8x</a></p>
  
  <p>So I have two divs, one has:</p>
  
  <pre><code>.holder { display: table; 
  position: fixed;
  z-index: 1000;
  height: 100%; 
  width: 100%; 
  text-align: center;
  }
  </code></pre>
  
  <p>And other behind that I have </p>
  
  <pre><code>&lt;div&gt;
      &lt;a href="hello.php"&gt;Hello hum&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But isn't clickable, I can only click it on IE. Well If I remove the height: 100%, it would became clickable, but I need it height 100%..</p>
  
  <p>Any solution?</p>