求easyui ie7 下兼容性问题


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>客户组管理</title>
    <link rel="stylesheet" type="text/css" href="js/themes/cover/easyui.css" />
    <link rel="stylesheet" type="text/css" href="js/themes/icon.css" /> 
   
    <script type="text/javascript" src="js/jquery-1.6.min.js"></script>
    <script type="text/javascript" src="js/jquery.easyui.min.js"></script>
    <script src="js/easyui-lang-zh_CN.js" type="text/javascript"></script>
    <script></script>
   
<style type="text/css">
 html,body{
    overflw-x:auto;
    _overflow-x:auto;
   overflow-y:hidden;
  
} 
#mainbodyauto{float:left;margin:0px;left:0px;width:100%;overflow-x:hidden;overflow-y:auto;}</style>    <script type="text/javascript">
        var resizeTimer = null;
        var resizewindow = null;
        function g_sss() {
            window.onresize = sizewindow;
        }
     
        window.onresize = function () {
            var h = $(window).height();
            if (resizewindow != h) {
                sizewindow();
                resizewindow = h;
            }
        }
        function sizewindow() {
         
            var h = $(window).height();            if (document.getElementById("mainbodyauto")) {
                $('.manageadd').css({ height: h - 40 });
                $('.manageedit').css({ height: h - 40 });            }
        }
        var iframename = "";
        $(document).ready(function () {         
            var h = $(window).height();
            $('.manageadd').css({ height: h - 40 });
        })
                             </script>
</head>
<body   >
   
    <form name="typeadd" id="typeadd" method="post" action="ajax/data.aspx?archive=managetypelist&action=groupsave&postid=1">
    <input type="hidden" name="postid" id="postid">
    <div id="mainbodyauto" class="manageadd">
        <div class="maindobycontent">
            <!--查看已选择的类型-->
            <div class="suggestion">
                <span class="sugicon"><span class="strong colorgorning2">当前操作提示：</span><span class="colorgorningage">请在以下窗口中输入要添加的客户组属性，点击按钮切换</span></span>
            </div>
       2222222222222  <br><br><br><br><br><br><br><br><br>3333333333333<br><br><br><br><br>444444444444
            <div class="displaytrue" id="infomationdiv1">
                <div class="sugtitle">
                    <span class="sugtitleicon"><span class="strong colorgorning2">服务配置</span></span>
                </div>
                <div class="formdiv"    >
                    <table border="0" width="100%">
                        <tr>
                            <td align="center" >
                                <div style="margin: 10px 0;">
                                  
                                    <a href="#" onclick="collapseAll()" class="easyui-linkbutton">全部收起</a> <a href="#"
                                        onclick="expandAll()" class="easyui-linkbutton">全部展开</a> <a href="javascript:saveChange()"
                                            class="easyui-linkbutton">保存</a><span class="cautiontitle" id="Span2">配置项目内容。</span>
                                </div>                 
<script>
    $(function () {
        $('#test').datagrid({
            title: 'My DataGrid',
            iconCls: 'icon-save',
            width: 700,
            height: 350,
            nowrap: false,
            striped: true,
            collapsible: true,
            url: 'datagrid_data.json',
            sortName: 'code',
            sortOrder: 'desc',
            remoteSort: false,
            idField: 'code',
            frozenColumns: [[
                { field: 'ck', checkbox: true },
                { title: 'code', field: 'code', width: 80, sortable: true }
]],
            columns: [[
        { title: 'Base Information', colspan: 3 },
{ field: 'opt', title: 'Operation', width: 100, align: 'center', rowspan: 2,
    formatter: function (value, rec) {
        return '<span style="color:red">Edit Delete</span>';
    }
}
], [
{ field: 'name', title: 'Name', width: 120 },
{ field: 'addr', title: 'Address', width: 220, rowspan: 2, sortable: true,
    sorter: function (a, b) {
        return (a > b ? 1 : -1);
    }
},
{ field: 'col4', title: 'Col41', width: 150, rowspan: 2 }
]],
            pagination: true,
            rownumbers: true,
            toolbar: [{
                id: 'btnadd',
                text: 'Add',
                iconCls: 'icon-add',
                handler: function () {
                    $('#btnsave').linkbutton('enable');
                    alert('add')
                }
            }, {
                id: 'btncut',
                text: 'Cut',
                iconCls: 'icon-cut',
                handler: function () {
                    $('#btnsave').linkbutton('enable');
                    alert('cut')
                }
            }, '-', {
                id: 'btnsave',
                text: 'Save',
                disabled: true,
                iconCls: 'icon-save',
                handler: function () {
                    $('#btnsave').linkbutton('disable');
                    alert('save')
                }
            }]
        });
        var p = $('#test').datagrid('getPager');
        $(p).pagination({
            onBeforeRefresh: function () {
                alert('before refresh');
            }
        });
    });
    function resize() {
        $('#test').datagrid('resize', {
            width: 700,
            height: 400
        });
    }
    function getSelected() {
        var selected = $('#test').datagrid('getSelected');
        if (selected) {
            alert(selected.code + ":" + selected.name + ":" + selected.addr + ":" + selected.col4);
        }
    }
    function getSelections() {
        var ids = [];
        var rows = $('#test').datagrid('getSelections');
        for (var i = 0; i < rows.length; i++) {
            ids.push(rows[i].code);
        }
        alert(ids.join(':'));
    }
    function clearSelections() {
        $('#test').datagrid('clearSelections');
    }
    function selectRow() {
        $('#test').datagrid('selectRow', 2);
    }
    function selectRecord() {
        $('#test').datagrid('selectRecord', '002');
    }
    function unselectRow() {
        $('#test').datagrid('unselectRow', 2);
    }
    function mergeCells() {
        $('#test').datagrid('mergeCells', {
            index: 2,
            field: 'addr',
            rowspan: 2,
            colspan: 2
        });
    }
</script>
        
             content05             
                    <table id="test"   style="position:absolute;top:21px;" >     </table>  
             2222222222222222222222
                                                                                                        <input type="text" name="groupmenu" id="groupmenu" runat="server" style="display: none" />
                                                                                       
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div id="downbotton" >
        <div id="subbotton" >
            <table border="0" width="100%" style="background-color:Black">
                <tr>
                    <td id="right">
                        <input type="submit" id="comsubmitbotton" name="Submit" onclick="javascript:saveChange();"
                            value="确认添加" class="buttonface" />
                    </td>
                    <td id="left" class="padding-left5">
                        <input type="button" name="cancel" onclick="javascript:parent.onaletdoc();" value="取消添加"
                            class="buttonface" />
                    </td>
                </tr>
            </table>
        </div>
    </div>
    </form>
</body>
</html>ie7  下  datagrid 无法跟随滚动条 滚动~~~