z-indexが効かないとき

cssとjsで作ったトップメニューのプルダウンがどうしても下にあるdivの後ろに隠れてしまって表示されない。。。。いろいろ調べたところz-indexが効かない原因はこんな感じ

• 親要素がposition:static；もしくはpositionが設定されてない
• ほかにz-indexが設定されている
• overflow:hidden;が設定されている

今回の原因は3でした。
ちなみにoverflow属性はコンテンツがdivに入りきらないときにどうするかを指定するもの
デフォルト値はvisibleです。hiddenははみ出た部分をバッサリ非表示にします。

こんなんで2,3時間。。。