选择的课程将关闭导航菜单

Question

我的导航菜单完美地运行。但是，当我将选定的类应用于除“主页”链接之外的导航列表中的任何项目时，它会将我的导航菜单分为两行。我尝试了一切，但似乎无法解决问题。

此外这只发生在Chrome中。我在Windows和Mac上的Firefox上尝试过它，并且完美运行。

我试着在About的末尾添加一个斜杠，这似乎推动了'About'这个词，但仍然保留斜杠在第二行。

任何人都可以请帮忙吗？我似乎无法弄清楚这一点。

什么我谈论的图片：

这里是我的菜单代码与家庭选择：

<div id="navigation"> <!-- Start navigation --> 
        <ul> 
         <li><a class="selected" href="index.html">Home \</a></li> 
         <li><a href="#">Shop <span>\</span></a></li> 
         <li><a href="collection.html">Collection <span>\</span></a></li> 
         <li><a href="#">Press <span>\</span></a></li> 
         <li><a href="#">Video <span>\</span></a></li> 
         <li><a href="about.html">About</a></li> 
        </ul> 

这里是与选择的关于链接代码：

<div id="navigation"> <!-- Start navigation --> 
        <ul> 
         <li><a href="index.html">Home <span>\</span></a></li> 
         <li><a href="#">Shop <span>\</span></a></li> 
         <li><a href="collection.html">Collection <span>\</span></a></li> 
         <li><a href="#">Press <span>\</span></a></li> 
         <li><a href="#">Video <span>\</span></a></li> 
         <li><a class="selected" href="about.html">About</a></li> 
        </ul> 
       </div> <!-- End navigation --> 

而CSS：

#navigation { clear: both; float: right; margin-top: 30px; } 
#navigation ul li { display: inline; margin-right: 10px; } 
#navigation ul li a { font-family: "Lucida Console"; font-size: 19px; color: #B3B3B3; text-decoration: none; text-transform: uppercase; } 
#navigation ul li a span { font-size: 12px; vertical-align: middle; } 
#navigation ul li a.selected { color: #6a6a6a; } 

Answer 1

我认为有一个类正在申请。选择你缺少。关于链接看起来更大。你在Firebug中检查过吗？