How to display div on top of object without being blocked by object animation_HTML/Xhtml_Web page production

Today I made a menu button. When the mouse is moved to the button, a drop-down submenu function appears. The implementation is to put the submenu into a div and add a hover function to the menu button. But there is a div under the menu button, which contains an object tag and a flash animation. When the mouse moves to the menu button, the div of the submenu appears, but is blocked by the object animation and cannot be displayed. I searched online and most of the solutions are not very helpful. Here we recommend a more feasible and simplest method: add in the object tag.

This method has limitations: it works for IE8, but does not work for Firefox and Google Chrome.