html - ビデオCSSの背後にあるサブメニューの背景

Question

ビデオの後ろに隠れているサブメニューの背景半径。「wmode=transparent」と z-index プロパティを試しました。しかし、何も機能しません。これを修正する方法は？

HTML:

<ul>
  <li><a href="#">mainmenu</a>
    <ul>
      <li><a href="#">submenu 1</a></li>
      <li><a href="#">submenu 1</a></li>
      <li><a href="#">submenu 1</a></li>
    </ul>
  </li>
</ul>
<iframe width="560" height="315" src="//www.youtube.com/v/v73Aj6XqHOg?wmode=transparent" wmode="transparent" frameborder="0" allowfullscreen></iframe>

CSS:

#nav li ul {
position:absolute; z-index:1000;
display:none; width:147px; padding:0px; margin:0px;
top:1.8em; background-color:#d1d1d1; 
border-bottom-left-radius: 10px 5px;
moz-border-bottom-left-radius: 10px 5px;
-webkit-border-bottom-left-radius: 10px 5px;
border-bottom-right-radius: 10px 5px; line-height:15px; padding-top:0px; padding-bottom:3px;
moz-border-bottom-right-radius: 10px 5px;
-webkit-border-bottom-right-radius: 10px 5px;

}

左の画像はエラーで、右の画像は必要な結果です。何か助けはありますか？