easyui内容被覆盖跪求大神

想做个easyui的layout 然后实现上方菜单导航，效果如图 但是实际效果是鼠标移动效果被底下的div覆盖了，添加了position:relative; z-index:99999这个熟悉也没用 ，跪求大神啊

用IE F12调试下，你底下的div的z-index是不是也很大。

你试试点击弹出导航菜单时，给菜单设置z-index，不要在html页面写

给父容器增加z-index试试，2个都加。ie7有这个bug，要设置父容器z-index来解决

这个是header.jsp的代码

<div class="hd-main clearfix" id="header" style="position:relative; z-index:99999;">
            <a class="logo" href="" style="float: left;vertical-align:middle;"><img src="images/logo.png" style="margin-top: 5px;margin-bottom: auto;vertical-align:middle"/></a>
            <div class="info">
                <ul>
                    <li class="info-i no-separate default-text has-pulldown">
                        <em class="f-icon pull-arrow"></em>
                        <span class="more" hideFocus="hideFocus">用户管理</span>
                        <div class="pulldown more-info">
                            <em class="arrow"></em>
                            <div class="content">
                                <span class="separate-li no-height"></span>
                                <span class="li"><a href="javascript:redirect('header.jsp');">普通用户管理</a>
                                </span>
                                <span class="li"><a href="">发布者管理</a>
                                </span>
                                <span class="li"><a href="">全网用户统计</a>
                                </span>
                                <span class="li"><a href="">产品审核</a>
                                </span>
                            </div>
                        </div>
                    </li>

有没有懂把data-options="region:'center',title:'Main Title',iconCls:'icon-ok'" 这个属性的