DIVS over flash movies in Internet Explorer

Question

An old question ... why the hell not a single div located above the flash object stays on top with a z-index. I found the answer in the past, but it has been so long, I can not understand. My flash movie is in the div, left left:

<div id="flash"> <object width="614" height="289"> <param name="movie" value="images/75.swf"> <param name="wmode" value="transparent"> <embed src="images/75.swf" width="614" height="289" wmode"transparent"> </embed> </object> </div> 

My css for the div, which should be on top:

 .menu ul li:hover ul li a:hover { background:#5a3f2d; color:#FFF; z-index: 9999; 

I can not get it to show above the flash movie in ie6 or ie8. I know this is an old school, but I'm upset! Should my nav div have an absolute position? That is why it does not work?

An example is here. Hover over the first link on the right: "CUSTOMER SERVICE"

Thanks everyone :)

Answer 1

Hope this helps you, please take a look. http://manisheriar.com/blog/flash_objects_and_z_index

Answer 2

I used the following and it worked for me.

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

I found this solution in Why doesn't the Z-Index in IE look the way it is supposed to be over Flash Movie?

Answer 3

I saw many of these questions and forums, but in order to be clear, both options should be added to avoid some versions in order to stop working:

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

and

 <embed wmode="opaque" src="..."> 

SIC: http://manisheriar.com/blog/flash_objects_and_z_index

Answer 4

This may help provide the parent container (table) and / or sibling container (another td tag) z-index 1