IE7 z-index problem with Flash content

Question

I have a problem with flash content in IE7 being always over the menu items

I have a structure like the following:

<div id='skyscraper_flash'>
<!--this id skyscraper_flash is position absolute-->
  <object>
   <!--this is wmode transparent-->
  </object>
</div>

<div id='menu'>
<!--this id menu is also position absolute-->
  <ul>
    <li>foo</li>
    <li>bar</li>
  </ul>
</div>

Now then the last item of the menu opens it shows behind the flash content. The skyscraper is on the right of the page content. What should i look into?

Answer 1

You can give this inside the object tag

<param name="wmode" value="transparent">

Answer 2

Yeah, you need to change the z-index of the menu and add wmode="transparent" like above

Answer 3

opaque for performance

<param name="wmode" value="opaque">

http://www.communitymx.com/content/article.cfm?cid=E5141