菜单位置问题

Question

我正在设计一个网页。你可以在这里看到：http://www.teknoblogo.com/yeni。顶部有一个导航菜单（ANASAYFA（家），KATEGORİLER（类别），YAZAR HAKKINDA（约））。

KATEGORİLER有一个子菜单。但正如你所看到的，子菜单不是KATEGORİLER链接的底部。

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

Answer 1

尝试将position:relative添加到父<li>元素，将left:0添加到。{ 您在悬停时显示<ul>：

style.css / line 234：

menu li {
    display: inline;
    margin-right: 5px;
    position: relative; // !
}

style.css /第252行：

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

更新1 这是它在FF 3.6中的样子：

更新2

style.css /第260行：

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

style.css /第252行：

#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;
}