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

您沒有關閉您的a-tag。

而且使用內聯元素填充時，你要小心：

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