Flash animation displaying above flyout menu in firefox 3.0

[pizzaovens1]

i have just put in a new flash banner on our site http://www.pizzaovens.com. the flyout menu will display overtop the banner in IE however, in firefox the flash banner displays over top the flyout menu.

anyone know any settings i can use to make sure the banner plays behind the flyout menu ?

[dappy2]

Works fine for me. Firefox 3 on a mac.

[pizzaovens1]

i have tryed adding z-index tags to the css in the following areas.

Code: Select all

#leftSidebarPanel
{
	width: 100%;
	float: none;
    vertical-align:top;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-color: #FFFFFF;
	border: 1px solid #000000;
    z-index: 2;

and

Code: Select all

#mainPanel 
{
	padding: 0 1px;
	width:540px;
    z-index: 1;

but that has not helped

[jmestep]

I used z-index:100 on this site to get the horizontal nav dropdowns to appear in front of the flash:
http://accuquilt.com/default.aspx

[pizzaovens1]

did you apply the css changes to your style.css page or to the con lib flyout menu aspx page?

also did you implament a flash wmode?

[pizzaovens1]

fixed by adding

wmode="transparent"
to the embed tag in the html.