CSS drop-down/fly-out menus and Flash

It boils down to this: divs that drop down or fly out (as in most menus) over a Flash object look wonky.

This is better summed up in another post I found. The reply there is simply that the problem lies with Safari’s Flash Player implementation so the ball is in Adobe’s court. Adobe is aware of the problem and either can’t or won’t fix it.

Happy Hallowe’en!


UPDATE: Fixing Flash for other browsers

To help get the Flash window to behave under a flyout menu, this parametre should be added to the <param> lines in the Flash HTML:

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

And this should be added within the <embed> tag:

wmode="transparent"

Great. This helps Firefox, etc. But still does nothing for Safari.

After seraching a number of forums, I’m convinced this can’t be solved for Safari.


Our Solution

The solution we’re going with is to test for the Safari browser and replace the Flash content with a link that says, “View in a pop-up window.” There. No uglies for Safari users to gripe about.