title: CSS - Link not clickable inside absolute DIV - mobile
body: <p>I'm not able to click links inside a div the is <code>position:absolute</code>. It seems to not work on mobile android as it works fine on the desktop in Chrome and even ie8.</p>
  
  <p>As soon as I remove the style it works. The class msg-inner is only for jQuery which has it scrollTop no styling on it. I've read many answers and to use <code>z-index</code> or <code>position:relative</code> on the inner div but none works. I even tried using <code>position:fixed</code> on msg_container and same problem. The inner div scrolls and everything looks right but just the links are broken, BTW sporadically some will work and some don't. I took away all styling and just put plain links inside to see if it was a format issue and still nothing.</p>
  
  <pre><code>&lt;div id="msg_container" class="absolute" style="overflow-y:auto;width:100%;height:75%"&gt;
      &lt;div class="msg_inner"&gt;
  
  .... stuff in here with links
  &lt;/div&gt;&lt;!--msg inner--&gt;
      &lt;/div&gt;&lt;!--msg_container--&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.absolute {
  position: absolute;
  }
  </code></pre>