使用css ul li display-inline块时出现像素

Question

图像非常自我解释。我无法摆脱只有一个列表元素底部的那两个像素。我在css的每个角落插入了text-decoration：none和list-style-type none，没有结果。 原因是什么？

http://s1089.photobucket.com/user/3Joez/media/disp_zps6fe2774c.jpg.html

#rightnav {
float:right;
width:65%;
height:50px;
/*border:2px solid #Df1;*/
}

#rightnav ul {
 margin-left:9.5%;
/*border:1px solid #F30;*/
width:500px;

}

#rightnav ul li {

 display:inline-block;
 font-family:Times New Roman, Times, serif;
 font-size:1.4em;
 margin-left:2%;
 margin-top:1.5%;
 color:#FFF;
 text-decoration:none ;
 list-style:none; 
 list-style-type:none;

}

Answer 1

非常确定<a>内有<li>。你有没有改变文字装饰？在<li>上更改它可能不会改变内部样式，因为UA CSS可能会将下划线样式与<a>标记联系起来。

#rightnav ul li a {
  text-decoration:none;
}