jquery - jQuery-ui アコーディオンが IE 7 で正しくレンダリングされない (更新の問題)

Question

jQuery タブ内に 2 つのパネルを持つアコーディオンがあります。これに続いて、jqGrid テーブルがあります。以下のスケルトンを参照してください。

<div id="tabs">
  <ul>
    <li><a href="#Tab-1">Tab1</a></li>
    <li><a href="#Tab-2">Tab2</a></li>
  </ul>
<div id="Tab-1">
    <div id="accordion">
        <div class="group">           
            <h3>Panel 1</h3>                   
                     <div>
                          // My stuff
                     </div>
        </div>
        <div class="group">           
            <h3>Panel 2</h3>                   
                     <div>
                          // My stuff
                     </div>
        </div>
    </div> <!-- end accordion -->
    <div id="jqGrid">
        @Html.Partial("../Grids/_MyjqGrid")
    </div>
</div> <!-- End First tab -->
<div id="Tab-2">
    // My stuff for tab-2
</div>
</div> <!-- end tabs -->

パネルを継続的に展開して折りたたむと、折りたたまれているパネルが消えたり、単にその位置が更新 (更新) されなかったりすることがあります。数秒後、マウスをその上に移動すると、更新されて正しく配置されます。その結果、jqGrid が下に配置されているため、マウスを移動した後、その位置が正しく更新 (リフレッシュ) されません。何が起こっていますか？

IE 7 でのみ発生しています。IE 8、9、および 10 では完全に動作します。何か案は？

私は使っている：

jquery-1.9.1.js jquery-ui-1.10.3.custom.css