更新: 水平方向の配置は解決されましたが、メニューが消えないという問題がまだあります。
更新された JSFiddle: http://jsfiddle.net/trevoray/CrPdK/7/
ナビに関して、乗り越えられない 2 つの問題に遭遇しました。誰でも見て、私を助けることができますか?
水平位。ページは中央に配置されているため、正確な位置はわかりません。私はそれを絶対にして、その親要素に基づいて絶対になると思っていましたが、機能していません。ユーザーのブラウザーの幅に関係なく、水平位置を常に同じにする必要があります。
onmouseout 後にメニューが「非表示」にならない。メニューを常に非表示にする方法がわかりません。
jsFiddle は次のとおりです。
http://jsfiddle.net/trevoray/CrPdK/2/
#nav-about { z-index:4000; position:absolute; left:186px; display:none;}
#nav-meetings { z-index:4000; position:absolute; left:357px; display:none;}
#nav-journal { z-index:4000; position:absolute; left:528px; display:none;}
#nav-goodstuff { z-index:4000; position:absolute; left:699px; display:none;}
#nav-members { z-index:4000; position:absolute; left:819px; display:none;}