My home page has a horizontal Fireworks 8 Javascript menu bar with pop-up (or
rather drop-down) submenus. Immediately below the menu bar is a wide photo.
The submenus drop down nicely over the photo. This is as I wanted.

I now want to replace the photo by an animated Flash equivalent. Everything
works fine except that the submenus drop down behind and not in
front of the Flash display.

The Fireworks menu-bar table immediately precedes the photo <img> or Flash
<object> and is in the same <div>.


Does anyone know ...

a. Since the menu <table> definition precedes the <img> or Flash <object>, the
usual document stacking-order rules would imply that the menu drop-downs would
always be obscured by the <img> or Flash <object>. This clearly doesn?t happen
when using a <img> (thank goodness!) but why?


b. Why should replacing the <img> by a Flash <object> change the display
order? And what can I do to make the menu drop downs display in front of the
Flash <object> ?

I have tried with no success to force the display order using a
style=?position: ?static?; z-index: ?integer?? (where integer is larger for the
menu <table> than the <object>). I know that IE historically has placed
<object> elements on a separate ?plane? than ordinary tag elements such that
z-index ranking is within each plane but not across planes and
such that an <object> plane always displays over the other tags plane, but the
same behaviour happens in FFox 2 as well!