javascript - 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>

发生错误时，我使用的是带有默认 Internet Explorer 的 Windows Mobile 6.5 Classic。当从我的 XP 盒子在任何其他浏览器上查看此页面时，它工作得很好。

我最初的想法是标签/文本框正在切断菜单的底部。但它们是绝对定位的，我可以将它们再向下移动 400 像素，它仍然会发生。