JavaScriptを有効にしてください。
ある別々の親要素を持つ子孫要素にz-indexが指定されている場合、IE7以下ではz-indexが指定されている要素を優先せず効かないという現象が発生します。
【HTML】
sample
【CSS】
この不具合(バグ)はz-indexが指定されている要素の先祖要素がそれぞれ兄弟要素となる要素にz-indexを指定することで解消できます。
ツール
JavaScript、jQueryライブラリ、APIの紹介
リファレンス
カラーコード
その他