onload focus导致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像素，它仍然会发生。