title: onclick and <a> not working properly
body: <p>Here is my code:</p>
  
  <pre><code>&lt;div style="position:absolute;z-index: -1; right: 0; top: 0; width: 30%; height: 100%;"&gt;
      &lt;a href="&amp;next"&gt;&lt;img id="next" src="img/next.png" style="height:100%;width:100%"&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The <code>a</code> doesn't work well, it just works on the top left of the image. this is quite a big problem for me as this is part of a faq page where you can scroll trough questions with &lt; and > at the sides on the page. </p>
  
  <p>I'm having the same problem with the previous one (at the left). I tried doing <code>position:relative</code> and <code>float:right</code> and it only worked on the bottom half of the image. </p>
  
  <p>Can anyone help?</p>