Android溢出滚动错误？滚动时，事件不跟随元素

Question

我正在开发一个Android网站，似乎无法在我的平板电脑上使用溢出滚动功能。

在我的设备上，项目会按预期滚动显示。但是当您按下滚动的项目时，如果没有滚动，它将返回该位置的项目。在下面的示例中，如果您滚动到最底部并按Link 8，它将返回Link 4。

我使用股票浏览器（“Internet”版本4.0.4-UELPL）在Samsung Galaxy Tab（10.1“）上运行Android 4.0.4。

这是我的测试用例：http://jsfiddle.net/davishmcclurg/EhJrS/

HTML：

<ul>
    <li>Link 1</li>
    <li>Link 2</li>
    <li>Link 3</li>
    <li>Link 4</li>
    <li>Link 5</li>
    <li>Link 6</li>
    <li>Link 7</li>
    <li>Link 8</li>
</ul>

CSS：

html, body {
    height: 100%;
    margin: 0;
}

ul {
    height: 100%;
    overflow: auto;
    margin: 0;
}

ul li {
    height: 25%;
}

JS：

var els = document.getElementsByTagName("li");
for (var i = 0; i < els.length; i += 1) {
    els[i].onclick = function () { alert(this.innerHTML); };
}