javascript - onload フォーカスにより div が途切れる

Question

メニュー用の DIV と、テキスト ボックス領域とラベル用の DIV があります。

<div id="divMenuParent" name="divMenuParent"
        style="padding-top: 20px; z-index: 9; border: solid 5px gray; 
            position:absolute; font-weight: bold; margin-top: 75px;
            z-index: 9999; left: 500px; background-color:#CCFFFB;
            height: 50px; width:100px; font-size: 1.5em; text-align: center;">
    MENU
</div>




<div id="divInput" style="position: absolute; top: 200px; left: 20px; z-index: 1;">
    <label style="font-size:1.5em; width:450px;">Please enter a SKU or UPC</label>
    <br/>
    <input type="text" id="txtSKUUPC" name="txtSKUUPC"
            style="height:100px;
                 width:600px;
                 font-size: 1.5em;
                 border: solid 2px gray;" />
                
</div>

自動的にフォーカスを設定しないと見栄えがしますが、すぐ下にあるこのコードを実行すると、メニューの下半分が切り取られます。フォーカスラインをもう一度コメントアウトした瞬間、うまく見えます。

<script type="text/javascript">
    $(document).ready(function(){
        document.getElementById('txtSKUUPC').focus();
    });
</script>

エラーが発生した場合、Windows Mobile 6.5 Classic とデフォルトの Internet Explorer を使用しています。XPボックスから他のブラウザでこのページを表示すると、問題なく動作します。

私の最初の考えは、ラベル/テキストボックスがメニューの下部を切り取っていたということでした..しかし、それらは絶対に配置されており、さらに400ピクセル下に移動でき、それでも発生します.