現在の最小限の例 ( http://jsfiddle.net/twPHW/ ) では:
<div style="overflow: hidden; height: 24px;">
<table>
<thead>
<tr>
<td style="background-color: rgb(109,173,157);">foo</td>
</tr>
</thead>
<tbody>
<tr>
<td style="background-color: rgb(236,222,117);">bar</td>
</tr>
</tbody></table>
</div>
「foo」セルだけが表示されます。次に、Ctrl-F (ブラウザで機能を検索) を実行し、「bar」と入力し始めると、div 内のテーブルが上に移動し (上部が変更され)、一致した要素がユーザーに表示されます。
それが機能である可能性があることは知っていますが、Web ページのレイアウトを変更するため、バグのように見えます (検索をクリアしても、前のトップ要素はロールバックされません)。
このバグは Chrome と IE9 で発生しますが、Firefox では発生しません。
問題を解決できる回避策はありますか?
PS: これは関連しているようですページのブラウザー ctrl+f 検索は静的ヘッダーの背後に結果を表示しますが、私の質問には答えません