メニュー位置の問題

Question

私はウェブページをデザインしています。ここをクリックしてください：http://www.teknoblogo.com/yeni。一番上にANASAYFA（自宅）、KATEGORİLER（カテゴリ）、YAZAR HAKKINDA（約）のナビゲーションメニューがあります。

KATEGORİLERにサブメニューがあります。しかし、あなたが見ることができるように、KATEGORİLERリンクの下にないサブメニュー。

この問題の解決にお手伝いできますか？

Answer 1

あなたがホバーに見せている <ul>に親<li>要素とleft:0にposition:relativeを追加しよう：

のstyle.css /ライン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; 
} 

スタイル。 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; 
}