you can set the z-index dynamically and move your menu to the front when it's rolled over and to the back when it's rolled out.
Thank you very much for the post.
That would produce akward results wouldn't it? Because the browser may consider the flash menu "hover" event even on the "invisible" flash placeholder.
In what event do you think i should do it to keep my code clean and correct?
That works great in Chrome now.
However!!! in firefox 3.3.6 when flash tells the javascipt to run
firefox reloads the whole flash menu!!!!! and all i see is a blinking menu.
btw i can't play with z-indexes . My site gets messed up.
So the settings that work well with IE and Chrome are:
1) "position:absolute, z-index=1" -> Mouse over the menu
2) Position:static -> Mouse away from the menu.
In conclusion is there a way to stop firefox browsers reload the whole flash when i change the property "position=absolute" of the div that contains the flash object?
Ok! I figure it out! It was so simple :
I didn't play at all with z-index and position:absolute properties.
I used the ExternalInterface class.
When the dropdown is up-> document.getElementById('FlashID').height=40;
When the dropdown is down-> document.getElementById('FlashID').height=654;
ps. I also had to set Stage.scaleMode= "noScale" and Stage.align ="T" in actionscript frame 1