重叠元素-HTML、CSS

我的Autocomplete被另一个菜单DIV重叠（如图所示），它具有以下CSS

这只发生在IE7（对我来说是最愚蠢的浏览器：）中，在IE8、9、FF等中工作良好

#navlevel2 {
    background: url("../images/bg.gif") repeat-x scroll left -59px transparent;
    clear: both;
    height: 30px;
    position: relative;
    width: 100%;
}
<div id="navlevel2">
    <span class="corner"></span>
        <ul>
            <li>
                <a href="/a/b.aspx"  class="selected"><span><strong>Overview</strong></span> </a>
            </li>

            <li>
                <a href="/v/b.aspx"><span><strong> AAA </strong></span> </a>
            </li>

            <li>
                <a href="/c/v.aspx"><span><strong> BBB </strong></span> </a>
            </li>

            <li>
                <a href="/v/h.aspx"><span><strong>CCC </strong></span> </a>
            </li>
        </ul>
</div>

#导航级别2{
背景：url（“../images/bg.gif”）重复-x向左滚动-59px透明；
明确：两者皆有；
高度：30px；
位置：相对位置；
宽度：100%；
}

---

有人能提出这里的问题吗？

也许可以尝试向您的#navlevel2和任何您称之为重叠元素的元素添加一些z索引？例如：假设#navlevel1是下拉元素

     #navlevel2 {
            background: url("../images/bg.gif") repeat-x scroll left -59px transparent;
            clear: both;
            height: 30px;
            position: relative;
            width: 100%;
            z-index: 1;

        } 

      #navlevel1 {
            z-index: 200;
         }

---

我们需要一个完整的代码示例，而不仅仅是一个CSS规则。也许还可以发布自动完成的代码？也许您需要在自动完成中添加一个

z索引
。请发布您的代码。我认为你的“自动完成”与你的菜单在同一个元素中，因此如果你把它放在所说的元素之外，就会相互重叠。这应该可以解决问题。索引可能是这里的问题