html - 为什么我的下拉菜单会在悬停时移动？

Question

我的网站 (http://www.oia.co.za/schedules/) 有一个水平导航菜单，鼠标悬停时会出现下拉菜单，该死的东西会将相邻的列表项移动到悬停时下拉菜单的宽度。

我这辈子都搞不清楚问题出在哪里，整晚盯着 CSS 看，我的眼睛都睁不开了。

我知道这是一件非常简单的事情，我只是看了太久...

Answer 1

将position:absolute 赋给您的Dropdown UL。像这样写:

    .menu-item{position:relative}

.sub-menu{
 position:absolute;
 top:30px;
 left:0;
}