jquery - CSSメガメニューをページの全幅にする方法は? (998pxだけど真ん中？)

Question

親愛なるインターネット仲間の皆さん、こんにちは。

私はメガメニューを構築しようとしています。

-リストが古くなっています。

wwwでいくつかの良いチュートリアルを見つけたので、これまでのところ私はうまくやっています。それでも、メガメニューを常にメインメニューの下に配置したい. メイン メニューの幅は 998 ピクセルなので、メガメニューも同じです。同じ幅を指定すると、幅が適用されますが、メガメニューがポイントから始まるという問題が発生します。

-要素がホバーされています。しかし、常にメインメニューの左側から開始したいのです。

私はそれに絶対的な位置を与えようとしましたが、それでも私が望むようには機能しません. 問題が明確になったことを願っています。誰かが私にヒントを与えることができれば、とてもうれしいです。

 #menu li:hover .dropdown_1column, 
 #menu li:hover .dropdown_2columns, 
 #menu li:hover .dropdown_3columns,
 #menu li:hover .dropdown_4columns,
 #menu li:hover .dropdown_5columns 
         position: absolute;
         left:-1px;
         top:auto;
         right: auto;
         bottom: auto;
         float: left;
 }

JSFiddle