jqGrid的标题部分隐藏了一个下拉列表

Question

编辑：由于我没有收到任何回复，我将在此问题中添加更多详细信息。

我使用下面提供的下拉菜单：http://codecanyon.net/item/drop-menu/81289（付费）。

以下代码是用于构建菜单的HTML和java脚本：

<div id="divMenu" style="position: relative">
    <ul id="nav-one" class="dropmenu">
        <li>
            <a id="a1" href="#divManageXXXX">Manage XXXXXYYYYY</a>
            <ul>
                <li><a id="aManageX" href="#divManageX">Manage X</a></li>
                <li><a id="aManageY" href="#divManageY">Manage Y</a></li>
            </ul>
        </li>
        <li>
            <a id="aManageZZZZZ" href="#divManageZZZZ">Manage ZZZZZZZZZZZZ</a>
            <ul>
                <li><a id="aManageZ1" href="#ManageZ1">Manage Z1</a></li>
                <li><a id="aManageZ2" href="#ManageZ2">Manage Z2</a></li>
                <li><a id="aManageZ3" href="#ManageZ3">Manage Z3</a></li>                        
                <li><a id="aManageZ4" href="#ManageZ4">Manage Z4</a></li>
            </ul>
        </li>
        <li>
            <a id="aManageS" href="#">Manage S</a>
            <ul>
                <li><a id="aManageS1" href="#ManageS1">Manage S1</a></li>
                <li><a id="aManageS2" href="#ManageS2">Manage S2</a></li>
                <li><a id="aManageS3" href="#Manage S3">Manage S3</a></li>
            </ul>
        </li>
        <li>
            <a id="" href="#">Manage B</a>
            <ul>
                <li><a id="aManageB1" href="#ManageB1">Manage B1</a></li>
            </ul>
        </li>
    </ul>
</div>

初始化的代码是：

jQuery('#nav-one').dropmenu({ openClick: true });

除此之外，我已经将jqGrid定义如下：

HTML代码：

<div id="divMain">
   <div id="divManageX">
      <table>
          <tr></tr>
          <tr></tr>
          <tr>
              <table id="tblManageX"></table>
              <div id="divManageY"></div>
          </tr>
      </table>          
   </div>
   <div id="ManageY">
   .....
   </div>
</div>

初始化jqGrid的代码非常简单，它存在于本网站和其他网站上。

问题：当下拉菜单展开时，如果后台有一个jqGrid，则下拉菜单项隐藏在jqGrid后面，如下图所示：