css - ASUS Transformer タブレットでスクロールすると、リンクのクリック可能な領域が移動する

Question

私は立ち往生している本当にイライラする問題を抱えています。私はたくさんグーグルで検索しました。おそらく間違ったフレーズを探していますが、解決策を見つけることができません.

だから私はdiv（ボックス）の中にテーブルを持っています。これは内側でスクロール可能で、親もスクロール可能です。レイアウトは他のタブレットでは問題なく動作しますが、ASUS Transformer では次の問題があります。

ドキュメントの本文をスクロールして表のリンクをクリックしようとすると (表のセルには非表示のフィールドとリンクを含むフォームが含まれています)、クリック可能な領域が移動します。スクロールしてもリンクが移動するように見えますが、リンク ラベル、隠しフィールド、および親 div は正しい位置にとどまります。リンクのアウトラインの位置が間違っているためにのみ表示されます（もちろん、スクロール後にリンクをクリックするとリンクが機能しません）。

変なマージン崩壊効果を考えていたのですが、中の要素がクリアされており、overflow:auto が親に追加されています。たぶん、ASUS関連のバグですか？

コンテンツは HTML5 です。

これは、テーブルをリンクで埋める部分です。コンテンツの表示には WebView を使用します。

<div class="table_content_back" >
                        <div class="scrollable_content" >
                            <!-- BLOCK CONTENT STARTS HERE -->
                            <div class="table_content">
                                <table cellpadding="5" cellspacing="0" class="table" >

                                    <tr id="t_h">
                                        <th class="ta_left t_header"><%= message("siteName")%></th>
                                    </tr>

                                    <i:foreach var="ListItem" index="i" list="${sites}">
                                        <tr>
                                            <td class="ta_left" id="site_list">
                                                <form name="Site-${i}" >
                                                    <input type="hidden" name="actionid" value="SharePoint/Flow" />
                                                    <input type="hidden" name="flow" value="sitebrowser" /> 
                                                    <input type="hidden" name="sitename" value="${ListItem.title}" />
                                                    <input type="hidden" name="siteurl" value="${ListItem.url}" />
                                                    <a href="javascript:invitoSubmit('Site-${i}');">${ListItem.title}</a>
                                                </form>
                                            </td>
                                        </tr>
                                    </i:foreach>
                                </table>
                            </div>
                        </div>
                    </div>