Jquery 菜单位置问题

我正在设计一个网页。你可以在这里看到：。顶部有导航菜单（ANASAYFA（主页）、KATEGORİLER（分类）、YAZAR Hakinda（关于））

KATEGORİLER上有一个子菜单。但正如您所见，子菜单不是KATEGORİLER链接的底部

---

你能帮我解决这个问题吗？

尝试将

位置：相对

添加到父

元素，并将
左：0
添加到
您在悬停时显示：

style.css/第234行：

style.css/第252行：

更新1
这是FF 3.6中的情况：

更新2

style.css/第260行：

style.css/第252行：

谢谢。但是你可以再检查一下吗？这是一个下拉菜单。我正在使用此教程：。我注意到了一些事情。当我通过FireBug添加left:0时，它正在工作。但当我把它添加到style.css文件中时，会有东西（可能是javascript）覆盖并删除它。但它似乎对我有用吗？我仍然看到的唯一问题是，子菜单项彼此相邻，而不是在彼此下方。请给我一个屏幕截图好吗？我的意思是在你的网站上，在FF 3.6.13中-但现在（我想你改变了什么），子菜单也在链接的顶部。（我在回答中添加了一个屏幕截图。）
menu li {
    display: inline;
    margin-right: 5px;
    position: relative; // !
}

#top-nav li ul {
    border-top: 1px solid white;
    left: 0; // !
    position: absolute;
    visibility: hidden;
}

#top-nav li ul li {
   display: block;
}

#top-nav li ul {
    border-top: 1px solid white;
    left: 0;
    top: 23px; /* You should play around with this value as you need it */
    position: absolute;
    visibility: hidden;
}