CSS对齐问题

Question

我一直在试图建立一个网站，当我在各种浏览器上测试浏览器兼容性问题的网站时，我发现存在对齐问题。

下面是活链接为HTML和CSS

http://jsfiddle.net/JaaNM/3/

<ul id="service-ul-box"> 
<li><a href="#">E-Learnin</a></li> 
<li><a href="#">LMS Help Desk</a></li> 
<li><a href="#">Content Management</a></li> 
<li><a href="#">Presentations</a></li> 
<li><a href="#">Content Development</a></li> 
<li><a href="#">Lecture Development</a></li> 
</ul> 

的问题是，当我打开网页，使用Mozilla Firefox它是好的。但是，当我在Google Chrome上执行相同的脚本时，列表项定位不正确。它要么超过圈数，要么列表项不在一行中。

如果我根据谷歌浏览器调整定位，则Mozilla上的定位不正确。反之亦然。

总的来说，我想解释的是，我在Mozilla Firefox和Google Chrome上获得的结果并不相同。

我想知道我在哪里出错。

非常感谢您的帮助。

谢谢 Hareesh

Answer 1

#service-ul-box li:last-child { 
    border:none; 
    float:right; 
} 

不知道如果这是你想要的行为，但是这个规则 - 浮动：权利; - 抛出最后一个元素。

#service-ul-box li:last-child { 
    border:none;   
} 

工程，因为你有足够的屏幕空间。