Transparent Flash blocks mouse click in FF, not in IE, why and how to fix it?

[UnKnoW]

Hey guys,

Quick question. If you take a look at this page right there:
http://www.cisco.com/web/consumer/blog.html

Basically the menu is in flash that is absolute positioned.

If you open that link in IE for example, you will be able to click on the breadcrumbs (Consumer > Social Media).

If you open the link with FF, the click event doesn't happen. Seems like FF think i'm clicking on the Flash Component (which technically I am, but it's on a transparent part of the flash, so shouldn't it behave like it does in IE?).

Does any of you knows why and most of all how to fix this?

Thanks much for you help!

Dominic

[smftre]

make #consumer_crumb absolute positioned and give it a z-index greater than the flash.
e.g.

#consumer_crumb {
color:#FFFFFF;
font-size:11px;
margin:0 20px 20px;
position:absolute;
top:146px;
z-index:1343;
}

[UnKnoW]

I can't do that because the breadcrumbs will be on top of the flash menu (PRODUCTS submenu to be exact) which of course I don't want.

[smftre]

This has been covered before:
Check out: http://www.actionscript.org/forums/archive/index.php3/t-60193.html

[UnKnoW]

oh thanks smftre I didn't see that

[tadster]

also i would advise against using flash for navigation, it seems in this case you can do everything with css and javascript

[UnKnoW]

I know but this is not my decision to make and that's the way it's gonna be, so I need to fix it.