IE7导航栏边距和填充方式关闭

Question

    <div id="nav">
    <ul>
       <li><a href="#"></li>
       <li><a href="#"></li>
       <li><a href="#"></li>
       <li><a href="#"></li>
    </ul>
    </div>

#nav {
 color: #ffffff;
 font-size: 12px;
 font-weight: bold;
 margin-left: 4px;
 position: absolute;
 top: 230px;
 width: 800px;
}

#nav a{
 color: #ffffff;
 text-decoration: none;
}

#nav li {
 display: inline;
 margin: -4px;
 padding-left: 15px;
 padding-right: 15px; 
 padding-top: 19px;
 padding-bottom: 12px;
}

#nav li a {
 background-color: transparent;

}

上面的代码在firefox中工作正常，突出显示填写了导航栏的整个“标签”。但是在ie7中它偏离中心并且没有以相同的方式填充。任何想法？

Answer 1

你没有关闭你的标签。

在内联元素上使用填充时应该小心：

http://www.maxdesign.com.au/articles/inline/