When I try to click on links inside a div with the position:absolute style, they don't seem to work on my Android mobile device. However, they work perfectly on both Chrome and even IE8 on my desktop.
Removing the style makes the links functional. The class msg-inner is only used for jQuery, which applies a scrollTop function with no additional styling. I have tried various solutions like using z-index or position:relative on the inner div, but none of them seem to resolve the issue. I even attempted using position:fixed on the msg_container, but the problem persists. The inner div scrolls properly and everything looks correct, but the links remain inaccessible. Interestingly, some links work sporadically while others do not. I removed all styling and placed plain links inside to rule out any formatting issues, but the problem persists.
<div id="msg_container" class="absolute" style="overflow-y:auto;width:100%;height:75%">
<div class="msg_inner">
.... stuff in here with links
</div><!--msg inner-->
</div><!--msg_container-->
CSS
.absolute {
position: absolute;
}