Android浏览器使用Overflow-y：auto产生意外行为

Question

当桌子溢出父母时，我正试图实现滚动：

<div class="main_container">
<form id="list_wrapper">
<table>
    <tbody>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
           <tr><td>HELLO</td></tr>
     </tbody>
   </table>
 </form>
</div>

//JQuery that will dynamically resize rows depending on how many rows there are.
<script type="text/javascript>
setTimeout(function(){
    var totalRowHeight = $("tr").height() * $("tr").length;    
    $("form#list_wrapper").css("height", "" + totalRowHeight + "");
},1);​
</script>

请参阅JSFiddle进行演示！

有趣的是，当在我的Droid X浏览器（版本：2.3.4）上打开此链接时，表仍然会溢出但不会滚动。我希望Android能够复制通过桌面浏览器打开链接时看到的行为。

注意：我已经在IOS浏览器（包括Safari和Chrome）中测试了这个链接，这些链接效果很好。