jquery - jQuery グリッド ダイアログ オーバーレイ

Question

struts 2 jquery-plugin を使用して 2 つのグリッドを作成しようとしています。結果をプレビューしようとすると、最初のポップアップ ダイアログが別のグリッドをオーバーレイします (問題は IE でのみ見つかります)。この問題を解決する解決策はありますか?

<sjg:grid
    id="masterTable"
    caption="Companys"
    dataType="json"
    href="%{ajaxTest}"
    pager="true"
    gridModel="companys"
    rowList="10,15,20"
    rowNum="15"
    rownumbers="false"
    navigatorDelete="true"
    navigatorView="true"
    multiselect="false"
    onSelectRowTopics="masterSelect"

    editurl="%{modifyCompanyUrl}"

    navigator="true"
    navigatorAdd="true"
    navigatorEdit="true"
    navigatorDelete="true"
    navigatorRefresh="false"
    navigatorSearch="false"
    navigatorView="false"

>
    <sjg:gridColumn name="companyId" index="companyId" key="true" title="Company Id" sortable="true" editable="true" edittype="text" required="true" />
    <sjg:gridColumn name="name" index="name" title="Name" sortable="true" editable="true" edittype="text" />
    <sjg:gridColumn name="address1" index="address1" title="Address Line 1" sortable="true" editable="true" edittype="text" />
    <sjg:gridColumn name="address2" index="address2" title="Address Line 2" sortable="true" editable="true" edittype="text" />
    <sjg:gridColumn name="address3" index="address3" title="Address Line 3" sortable="true" editable="true" edittype="text" />
    <sjg:gridColumn name="address4" index="address4" title="Address Line 4" sortable="true" editable="true" edittype="text" />

    <sjg:gridColumn name="country" index="country" title="Country" sortable="true" editable="true" edittype="select" editrules="{ required: true }" editoptions="{value: countryList}" />

    <sjg:gridColumn name="fax" index="fax" title="Fax" sortable="true" editable="true" edittype="text" />
    <sjg:gridColumn name="email" index="email" title="Email" sortable="true" editable="true" edittype="text" />
</sjg:grid>    

<sjg:grid
    id="detailTable"
    caption="Staffs"
    dataType="json"
    href="%{detailJsonUrl}?companyId=-1"
    pager="true"
    gridModel="staffs"
    rowList="10,15,20"
    rowNum="15"
    rownumbers="false"
    navigatorDelete="true"
    navigatorView="true"
    multiselect="false"

    loadingText="Loading"

    editurl="%{modifyStaffUrl}"

    navigator="true"
    navigatorAdd="true"
    navigatorEdit="true"
    navigatorDelete="true"
    navigatorRefresh="false"
    navigatorSearch="false"
    navigatorView="false"
>
    <sjg:gridColumn name="staffId" index="staffId" key="true" title="Staff ID" sortable="true" editable="true" edittype="text" />
    <sjg:gridColumn name="title" index="title" title="Title" sortable="true" editable="true" edittype="text" />
    <sjg:gridColumn name="name" index="name" title="Name" sortable="true" editable="true" edittype="text" />
    <sjg:gridColumn name="age" index="age" title="Age" sortable="true" editable="true" edittype="text" />
    <sjg:gridColumn name="email" index="email" title="Email" sortable="true" editable="true" edittype="text" />
</sjg:grid>

結果：