在IE 7上没有正确呈现jQuery-ui手风琴（刷新问题）

Question

我在jQuery标签中有一个带有两个面板的手风琴。接下来我有一个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