jQuery子菜单不工作-CSS问题

说到网页设计，我是一个新手，我正在尝试将我在网站上找到的jQuery菜单示例集成到我的网页中

但是，显然CSS出了问题，因为当我对与菜单相关的CSS进行注释时，jQuery Hover方法正在工作。但是，有了CSS，它就不起作用了

在具有Firefox和Chrome最新版本的Windows上测试。 令人惊讶的是，这件事与IE配合得很好

在此处找到我的网页：（我已对菜单CSS进行了注释。请取消注释以查看问题。）
这是我已经注释掉的CSS

/*Menu CSS*/
/*ul#topnav {
    margin: 0; padding: 0;
    float: left;
    width: 100%;
    list-style: none;
    position: relative;
    font-size: 1.2em;
    background:url(images/topnav_s.gif) repeat-x;
}
ul#topnav li {
    float: left;
    margin: 0; padding: 0;
    border-right: 1px solid #555;
}
ul#topnav li a {
    padding: 10px 15px;
    display: block;
    color: #f0f0f0;
    text-decoration: none;
}

ul#topnav li:hover { background: #1376c9 url (images/topnav_a.gif) repeat-x; }
ul#topnav li span {
    float: left;
    padding: 15px 0;
    position: absolute;
    left: 0; top:35px;
    display: none;
    width: 970px;
    background: #1376c9;
    color: #fff;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}*/
/*Menu CSS Ends*/

以及此处的原始子菜单代码：

---

我哪里做错了？因为我基本上是复制粘贴了示例中的javascript和CSS。

在CSS中添加一个边距到类链接，如

.links {
   position: relative;
   margin-top:250px; 
}

---

没有边距

出现在菜单上

问题是links div（所有浮动都在进行）位于菜单顶部，这就是为什么不会发生悬停事件。添加背景色：红色；向全班展示这一点。添加浮点：左；向类发送命令以确保它显示在菜单下方，从而再次工作

.links {
   float:left;
   position: relative;
}

试试ul#topnav li:hover background:#1376c9 url（images/topnav_a.gif）repeat-x；}url和（）之间有空格