Jquery 导航css问题

在Dreamweaver中，这里是导航栏设计的输出：

当我在Firefox中浏览时，这是我现在最喜欢的导航。叹息。。。这太令人困惑了

这是我的代码：

#navbar {
    float:right;
    position: relative;
    right: 45px;
    top: 50px;
}

#ul li {
    float:left;
    margin-right: 25px;
}

---

对导航列表使用以下规则：

ul li {
    float:left;
    margin-right: 25px;
    display: inline;
    list-style-type: none;
}

还有。。您应该查看本指南：

---

我很确定您的列表中没有id=“ul”。删除css代码中ul前面的#。添加列表样式类型：无；对于ul..如果您更改显示，我建议将其设置为内联块并删除浮点。当我调整填充时，为什么另一个div也在移动。。？非常感谢。

#navbar {
    float:right;
    position: relative;
    right: 45px;
    top: 50px;
}


#navbar ul li {  /* ADD #navbar infront*/
    float:left;
    margin-right: 25px;
}