CSS Drop Down Menu with Flash element in an HTML Problem

Hi guys,

I have an html page, with a css drop down menu (using <ul> and <li> tags) at the top and a Flash object (using <object> tag loaded with swfobject) right underneath it. So when the user puts his/her mouse over the menu, a set of submenu will “drop down” and cover parts of the Flash. My concern is I have a very weird problem with the appearance of the cursor.

When I put my mouse on top of the drop down menu, the cursor turns from the default arrow to a pointer (or hand) indicating you’re hovering over a link. This is what it’s supposed to do. But when I put my cursor on my drop down sub menu, if the cursor is on top of the part of the menu which doesn’t overlap the Flash object, it is a pointer, but when the cursor is on top the region which overlaps the Flash object, it returns to the default arrow look instead of the pointer (which is what it’s supposed to be cuz it’s hovering over a link!). I figured that the Flash object is causing the problem because if I remove it, the cursor will be a pointer as long as it’s hovering over the menu items (which are links).

Does anyone know a fix for this? Thanks in advance!