css - 重叠元素 - HTML、CSS

Question

我的 Autocomplete 被另一个 Menu DIV 覆盖（如图所示），它具有以下 CSS。

这只发生在 IE 7 中（最愚蠢的浏览器 - 根据我的说法 :)）在 IE 8,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>

谁能建议这里有什么问题？

Answer 1

也许尝试将一些 z-indexes 添加到您的 #navlevel2 以及您所谓的重叠元素中？例如：说#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;
         }