2010-11-23 78 views
0

我的导航栏在Firefox和Opera中关闭。文本下方的填充比上面显着更多。我已经改变了我的代码许多不同的时间来解决这个问题,所以如果我当前的代码中有错误,我很抱歉。 Safari和Chrome看起来很好。任何人都可以帮助找到我的错误(S)?Firefox中的CSS水平导航栏对齐问题

CSS:

ul { 
list-style-type: none; 
margin: 0px; 
padding: 0px; 
margin-bottom: 50px; 
} 

li { 
display: inline; 
margin:0; 
padding:0; 
} 

a.one:link,a.one:visited { 
font-size: 18px; 
line-height: 18px; 
font-weight: bold; 
background-color: red; 
color: white; 
font-family: Helvetica,Arial,san-serif; 
text-align: center; 
padding: 5px 7px; 
text-transform: uppercase; 
text-shadow: 0.05em 0.05em 0.1em #333; 
letter-spacing: 1px; 
} 

HTML:

<nav> 
    <ul> 
    <li><a class=one href=index.html>home</a></li> 
    <li><a class=one href=bio.html>bio</a></li> 
    <li><a class=one href=news.html>news</a></li> 
    <li><a class=one href=disc.html>discography</a></li> 
    <li><a class=one href=contact.html>contact</a></li> 
    </ul> 
</nav> 

谢谢!

回答