For one of the easiest problems to solve, I have seen and heard of some really wacky work arounds.

The issue is typically encountered when working on a horizontal drop down menu, that is directly above a flash header or embeded video. And no matter what z-index you use, the drop-down menu always displays behind the flash.

To solve the problem, all you need to do is add transparency to the flash object or video.

This can easily be done manually by editing the code surrounding the flash header or embeded video.

1.) Add the following parameter to the OBJECT tag:

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

2.) You must also add the following parameter to the EMBED tag:


Thats it! That really is all it takes to eliminate the dropdown behind the flash bug. Know of some other work arounds for situations when this doesn’t work out? Find issues with this method? Let me know about it…