title: Showing div over flash content embedded in a website in iframe
body: <p>I am going through the questions around various forums for the answer for this one but none seems to be working for me.</p>
  
  <p>I have embedded a 3rd party website in an iframe. The website has some flash content. The Iframe has a container div which has few dropdown menus which are divs themselves. These menus are showing up behind the flash video in the website which is not what I want obviously, I want menus(divs) to be always on top of any flash content. I had the same problem with youtube videos, and adding wmode=opaque to the embed url solved the issue for me there. This problem is different since it involves a 3rd party website containing videos</p>
  
  <p>Following are the things I came up with while looking around.
  <strong>Reason:</strong> Since Flash video are rendered by browser plugin and are not html elements, the z-index value in css won't affect them; They will always come on top.</p>
  
  <p><strong>Couple of answers/workarounds</strong>
  <br><strong>1</strong> Add attribute wmode= transparent to the flash video; Since I do not control the 3rd party website content I cannot do this.
  <br><strong>2</strong> Place a transparent iframe behind the div; I have not tried this one so far because I do not completely understand what does this mean, should I have an iframe around the div ?</p>
  
  <p>I want to make sure if above go aheads are all I have or is there anything I am missing as a solution or workaround. I am facing this issue in IE(9 and 10) only. Everything looks fine in Firefox.
  I appreciate your time on this.</p>
  
  <p>Thanks</p>