页面在IE7 div定位中显示不正确

Question

第一篇文章。前言-最近刚开始网页开发，所以对IE7没有太多经验。

第一次使用Adobe Muse创建了一个网页，因为它在设计方面应该很快。设计很快，但在IE7中显示页面时出现了一些奇怪的问题。div总是跳到页面的最顶部，无论定位是绝对的还是相对的。不确定发生了什么。该页面可在上找到

http://dealer.dealers2farmers.com/dealers/cherokeegarage/

在IE7中，有一个水平div包含"搜索清单"和谷歌地图，它总是跳到页面的顶部。

这是div 的CSS

#horzBannerPosition
    {
    z-index: 2;
        width: 0.01px;
    top: -3px;
    margin-bottom: -3px;
    position: relative;
}

我觉得宽度很奇怪，Adobe Muse写了大部分内容，但它似乎可以与较新的浏览器配合使用。不知道为什么它会跳到IE7中的页面顶部。有什么想法吗？

Answer 1

好的，只需快速浏览一下，看起来你的z索引、定位以及使用top都有冲突。请记住，对于IE7，z索引实际上从0开始，然后变得一团糟（这可能会有所帮助：http://www.shawnpreisz.com/css/z-index-internet-explorer-7-ie7)。还要小心在同一个标记中使用类和id。我必须花更多的时间来完整地查看它，但暂时查看那篇文章。