YUI overlays on Flash under Firefox/Linux

I recently ran into a known problem of not being able to overlay DHTML on top of a Flash object in a web page. This problem was fixed in the flash player by the introduction of the window mode (wmode) which is described in detail here. The fix involves changes to both the flash player and the browser. However, this fix is currently not available in firefox on linux - the environment I am currently using and the one I need to support.

One of the ways to work around this is by placing the div on top of an iframe in the z-index order and keeping z-index of the iframe positive. This is illustrated in this example here. Use view source to take a look at the source.

The same idea and concept has been implemented nicely in YUI toolkit's Overlay widget.

This example does not work properly in firefox on Linux when there is a flash movie under the calendar widget (when the button is clicked, the calendar does not overlay on top of the movie but goes under the movie instead).

I was able to add the following methods in the YAHOO.util.Event.onDOMReady method of this example (after the call to calendar.rende()) to fix this issue

oCalendarMenu.cfg.setProperty("iframe", true);
oCalendarMenu.cfg.setProperty("zIndex", 10);
oCalendarMenu.stackIframe();
oCalendarMenu.showIframe();

These methods (plus more) essentially let one control the iframe that is dynamically created inside the overlay widget at any specified z-index.
Sweet!