Проблема положения меню

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 / line 260:

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

style.css / line 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;
}