Drop down menu 下拉菜单适用于Mac浏览器,但不适用于PC

Drop down menu 下拉菜单适用于Mac浏览器,但不适用于PC,drop-down-menu,platform-specific,Drop Down Menu,Platform Specific,我有一个下拉菜单,它在我的Mac电脑上的Opera、Safari、Firefox和Chrome中都能正常工作 当我在PC上测试它时,下拉菜单太长,“论坛”选项卡从一端分流到“主页”选项卡下。这发生在Firefox、IE和Chrome上。这些是迄今为止我唯一测试过的 我对这个问题有点困惑。你有什么建议吗 我所说的网站: 下拉菜单代码: <div class="navigation-drop"> <div id="colortab" class="ddcolortabs">

我有一个下拉菜单,它在我的Mac电脑上的Opera、Safari、Firefox和Chrome中都能正常工作

当我在PC上测试它时,下拉菜单太长,“论坛”选项卡从一端分流到“主页”选项卡下。这发生在Firefox、IE和Chrome上。这些是迄今为止我唯一测试过的

我对这个问题有点困惑。你有什么建议吗

我所说的网站:

下拉菜单代码:

<div class="navigation-drop">

<div id="colortab" class="ddcolortabs">
<ul>
<li><a href="index-new.html" title="Home"><span>Home</span></a></li>
<li><a href="team.html" title="New"><span>Team</span></a></li>
<li><a href="fv.html" title="CSS" rel="dropmenu1_a"><span>First Visit</span></a></li>
<li><a href="pd.html" title="CSS" rel="dropmenu2_a">
    <span>Possible Diagnoses</span></a></li>    
<li><a href="ad.html" title="CSS" rel="dropmenu3_a">
    <span>After Diagnosis</span></a></li>
<li><a href="treatment.html" title="CSS" rel="dropmenu4_a">
    <span>Treatment</span></a></li>
<li><a href="follow.html" title="CSS" rel="dropmenu5_a"><span>Follow Up</span></a></li>
<li><a href="support.html" title="CSS" rel="dropmenu6_a"><span>Support</span></a></li>
<li><a href="contact-ooss.html" title="Useful Tools"><span>Contact Us</span></a></li>
<li><a href="research.html" title="Useful Tools"><span>Research</span></a></li>
<li><a href="forum.html" title="Useful Tools"><span>Forum</span></a></li>
</ul>
</div>

<!--1st drop down menu -->                                                   
<div id="dropmenu1_a" class="dropmenudiv_a">
    <a href="fv.html">Why have I been referred?</a>
    <a href="fv-2.html">What happens on arrival?</a>
    <a href="fv-3.html">What tests will I need?</a>
</div>

<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("colortab", 3)
</script>

//语法:tabdropdown.init(“menu_id”,[integer或“auto”]) tabdropdown.init(“colortab”,3)
尝试将字体大小更改为11px

.ddcolortabs ul{
  font: normal 11px Arial, Verdana, sans-serif;
  margin:0;
  padding:0;
  list-style:none;
}
然后,如果希望将字体保持在12,请减少跨距上的左/右填充:

.ddcolortabs a span {
  background: none repeat scroll 0 0 #298D2F;
  color: #ECEAE5;
  display: block;
  float: left;
  padding: 7px 12px;
}

如果你发布一段代码片段,你会得到更好的答案。谢谢你的提示,Jon。这是导航栏的代码:你可以编辑你的帖子,并在问题的正文中添加代码。谢谢Jon-最后管理了它:-)希望这更容易让人们阅读。非常感谢-这是一种享受!我会编辑它,直到它适合。