プルダウンメニューが動画の下に隠れる

ジャバスクリプトで作成したプルダウンメニューがXPのIE8だとYOUTUBEの動画の下に隠れてしまいます

YOUTUBEのタグに「wmode=transparent」をいれているのですがこの他にもなにかいれなければいけないのでしょうか？

<iframe width="396" height="236" src="http://www.youtube.com/embed/xxxxxx?wmode=transp … frameborder="0" allowfullscreen></iframe>

その他のWINのクロームやその他のブラウザでは大丈夫なのです（MACはサファリ／クロームで通常に動作します）


よろしくお願いいたします

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2013/04/22 15:35

何がいけないというよりIE8のバグです。

親コンテナブロックにもz-indexを指定するとか
HTMLやスタイルシートの設定が分かりませんので、検索して該当するものを探してください。
　⇒ie8 z-index バグ - Google 検索( https://www.google.co.jp/#safe=off&hl=ja&sclient … )

この回答への補足

バグですか・・・いただいたURLでいろいろ見てみたのですがどうしたらよいのかどうしてもわかりませんでした・・・
プルダウンのメニューのCSSは下記となるのですがこの部分にz-indexなどを指定すればよいのでしょうか？

もしくはIE９にすれば大丈夫なものでしょうか？

よろしくお願いいたします


ーーーーーーーーーーーーーーーーーーーーーーーcss

@charset "utf-8";

.dropdownmenu {
width: 571px;
height: 44px;
}

#ddR1 {
list-style-type: none;
margin: 0;
padding: 0;
}

#ddR1 li,
#ddR1 li a {
width: 93px;
float: left;
z-index: 10;
}

#ddR1 .ddR2 {
list-style-type: none;
margin: 0;
padding: 0;
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.9;
}

#ddR1 .ddList .ddR2 {
display: none;
padding-left: 4px;
}

* html #ddR1 .ddList .ddR2 {/*IE6*/
position: absolute;
display: none;
}

* html #ddR1 .ddList .ddR2 .ddList {/*IE6*/
position: relative;
top: 10px;
display: none;
left: -50px;
}

#ddR1 .ddList:hover .ddR2 {
display: block;
position: relative;
width: 93px;
height: 10px;
}

補足日時：2013/04/22 17:10