A problem viewing webstyle drop-down-menus in Mozilla (FireFox)

Can anyone please help!

I have created a drop-down menu using Xara WebStyle. However when click on the menu it drops down UNDER the Swish animation. It's then not possible to select any item from the menu!

If the website is viewed in IE the menus work fine, but when viewed in Mozilla (FireFox) the problems arise.

Please view http://www.ransomes-jacobsen.biz/rjltemp/ for an example of the problem (but as mentioned it only works properly in IE)

Does anyone know how to get around this problem?

I would really appreciate any feedback.

Martin

info1@batex.co.uk

I ran into this a couple months back. I was able to get menus above SWF in FF by declaring a negative z-index for the flash using CSS. Example...

[In HEAD...]
<STYLE type="text/css">
<!--
#swf1{
z-index : -2;
}
-->

[Then in BODY...]

<TD id="swf1">
[SWF CODE INSERTED HERE...]
</TD>

There are other ways to use the z-index but that's a start.

Now that's a clever idea.

I gave it a go but it didn't work. Do you have an example on another page?

Much appreciated

Master

have a look at the url below. It shows how to make the bg of your flash movie transparant. This should resolve your problem

http://www.macromedia.com/cfusion/kn...fm?id=tn_14201

Negative z-index values do NOT work properly in Netscape/Mozilla/Firefox. Be aware of this. Best method is to use show/hide div, but this can get complicated. Making the Flash movie transparent will not allow click-through that I am aware.

what do you mean by not allow click through?