Html IE中的样式问题-导航分层

嘿，伙计们，我有以下几点：

 <ul class='main_nav'>
        <li class='first' style='padding-top:0;'><a href='#' onclick='return false;'><span class='shaper'>Tools</span></a>
            <ul>
                <li class='second'><a href='emailfunction.php'>Email Tool</a></li>
                <li class='second'><a href='insurancetool.php'>Insurance Tool</a></li>
                <li class='second'><a href='monthlyreport.php'>Monthly Report Tool</a></li>
                <li class='second'><a href='statuschanger.php'>Status Change Tool</a></li>
                <li class='second'><a href='addtool.php'>Add Tool</a></li>
                <li class='second'><a href='revisetool.php'>Revise Tool</a></li>
                <li class='second'><a href='csvuploaderform.php'>Upload an Employee List (.csv file)</a></li>
                <li class='second'><a href='csvmanualuploaderform.php'>Upload a Single Employee</a></li>
                <li class='second'><a href='insuranceverificationviewer.php'>View Employee Car Insurance Information</a></li>
            </ul>
        </li>       
 </ul>

这很好，但在IE中，我有一个问题，我有一个div，它是绝对的，在它的底部添加了一条线。在IE中，当你将鼠标悬停在上面时，这条线会显示在顶部导航的前面。在谷歌，firefox都很棒

这是酒吧：

<div class="top-backgroundwrap">

</div><!-- top-backgroundwrap -->

.top-backgroundwrap {
    width: 100%;
    height: 20px;
    background: lightgray;
    margin-top: -24px;  
}

.顶部背景墙{
宽度：100%；
高度：20px；
背景：浅灰色；
利润上限：-24px；
}

我尝试过z索引，但没有成功。我注意到IE将其视为最优先的位置：绝对；并且在前面显示它，即使它的索引变少了。如果你能帮我一把，我将不胜感激。如果你还需要什么，请告诉我

---

David

找到了答案……我必须去掉绝对位置，并在单独的IE样式表中更改一些填充

<div class="top-backgroundwrap">

</div><!-- top-backgroundwrap -->

.top-backgroundwrap {
    width: 100%;
    height: 20px;
    background: lightgray;
    margin-top: -24px;  
}