トップページだけ、マウスオーバー時のメガメニューの一部が隠れてしまう

Question

http://www.nikke.co.jp/
トップページのメガメニューでIR情報のマウスオーバー時に下が切れてしまいます。

他の下層では
http://www.nikke.co.jp/business/
IR情報のマウスオーバー時は全部表示されるのですが
原因がわからず困っております。

また、デベロッパーツールで調べたくても
マウスオーバーから離れてしまうと、調べられず。。。イベント時のポーズの方法があるのでしょうか？
初歩的な質問ですが、、教えていただけると助かります。

Answer 1

トップページのみ、main#maincontentがdiv#containerの外側にあることが原因です。
div#containerにはoverflow: hidden;が指定されているため、ここからはみ出したメガメニューは表示されなくなっています。
他のページと同じように、main#maincontentをdiv#containerの内側に入れてください。

Comments

[nddf]

ありがとうございました！ご指摘いただいた箇所でよく見てみるとheader.phpに不要な</div>が入っておりました。。。助かりました。