Css mega下拉式导航菜单不包含具有相对位置的div

我用CSS3找到了mega下拉菜单。这很有效，但我没有任何问题。我将

DIV

与

position:relative

放在这个菜单后面。现在，当我将鼠标悬停在菜单（主菜单）上时，下拉菜单没有覆盖我的div。如何解决这个问题

给你：

只需将z指数设为：1；在下拉列表中。

这里是：

---

只需将z指数设为：1；在下拉列表中。

只需增加下拉列表的z索引即可。看这里

---

只需增加下拉列的z索引。看这里

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
    z-index:500;
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;

    /* Gradient background */
    background:#F4F4F4;
    background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));

    /* Rounded Corners */
    -moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}