CSS susbmenu显示在jQuery UI选项卡下

我为网页左侧创建了一个css垂直菜单，其中也包含子菜单，然后我使用了网页右侧包含的jQuery UI选项卡（在asp.net中），但这里的问题是，我的子菜单显示在jQuery选项卡下（在其背面），如下图所示：

---

我在CSS和设计方面非常差，如何解决这个问题？

使用下面的z-index示例

<div class="main">
    <div class="menu"></div>
    <div class="content"></div>    
</div>

<div class="main">
    <div class="menu"></div>
    <div class="content"></div>    
</div>

---

使用下面的z索引示例

<div class="main">
    <div class="menu"></div>
    <div class="content"></div>    
</div>

<div class="main">
    <div class="menu"></div>
    <div class="content"></div>    
</div>

---

你应该像这样使用。。。 使用下面的z索引示例

<div class="main">
    <div class="menu"></div>
    <div class="content"></div>    
</div>

<div class="main">
    <div class="menu"></div>
    <div class="content"></div>    
</div>

---

您应该这样使用。。。 使用下面的z索引示例

<div class="main">
    <div class="menu"></div>
    <div class="content"></div>    
</div>

<div class="main">
    <div class="menu"></div>
    <div class="content"></div>    
</div>

使用

z-index

…或创建小提琴..使用

z-index

…或创建小提琴。。