CSSメニューが正しく配置されていません。すべてのメニューが最初のメニューの下に表示されます

Question

私のコードはすべて投稿できませんので、URLを確認してください。

http://www.bierhauschina.com/shekou/kulinarium/ ここでは、CSSです： http://www.bierhauschina.com/menu/menu_style.css

問題は、CSSのメニューです。私のメニューには、最初のメニューの下にあるメニューのすべてのリストが表示されます。私はどこに問題があるのか​​分からないが、それはちょうどCSSにある。どこに..私はそれを得ることができません。

Answer 1

このようにそれを作る、.nav .select, .nav .currentにposition: relative;を追加します。

.nav .select, .nav .current { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    display: table-cell; 
    white-space: nowrap; 
    position: relative; 
} 

Answer 2

はあなたのCSSに.nav liにposition: relativeを追加します。

Answer 3

このスタイル：絶対に

.nav .select *:hover .select_sub, .nav .current .show 

設定位置。相対に設定します。また、menu_style.cssを2回読み込み、2番目の参照を削除します。