Css 负边距无法正确渲染

我对Internet Explorer 6和7有问题。当我使用负边距时，浏览器无法正确呈现代码。我想这是行不通的。此代码是一个菜单栏

以下是CSS：

#navbar ul { 
        margin: 0; 
        padding: 5px; 
        list-style-type: none; 
        text-align: center; 
        background-color: #000; 
        } 

#navbar ul li {  
        display: inline; 
        } 

#navbar ul li a { 
        text-decoration: none; 
        padding: .2em 1em; 
        color: #fff; 
        background-color: #000; 
        } 

#navbar ul li a:hover { 
        color: #000; 
        background-color: #fff; 
        } 

在HTML的正文中：

<div id="navbar"> 
  <ul> 
        <li><a href="#">test</a></li>
        <li><a href="#">test</a></li> 
        <li><a href="#">test</a></li> 
        <li><a href="#">Test</a></li>
        <li><a href="#">Test</a></li>
  </ul> 
</div> 

---

我将边距设置为0，因此菜单栏可以转到顶部。所以我试了一个负数。但这在InternetExplorer中不起作用。有什么想法吗？

MAAn！我甚至没有想到那些老的令人毛骨悚然的浏览器，而创建的网站只针对IE9+。对于IE8，检查并确保它没有在某些兼容模式下运行总是很重要的。您可以使用F12工具对此进行验证。。