负边距无法正确呈现

Question

我遇到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，因此菜单栏可以到达顶部。所以我尝试了一个负数。但这在Internet Explorer中不起作用。有什么想法吗？