IE7 navbar margin and padding way

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에서 navbar의 전체 "탭"을 채우는 강조 표시로 잘 작동합니다. 그러나 ie7에서는 중심에서 벗어나 같은 방식으로 채워지지 않습니다. 어떤 아이디어?

Answer 1

a- 태그를 닫지 않았습니다.

그리고 인라인 요소에 패딩을 사용할 때주의해야한다 : 나는 위치에 마진을 사용하는 것이 얼마나 스마트 잘 모릅니다

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