Question

I have searched everything and tried every method I can get my hands on and cannot get my CSS drop-down menus to display above my Flash file.

You can go to: http://beta.riverlifefellowship.com and username is ‘riverlife’ and password is ‘flow’ (without the quotes on both).

I am using swfObject and have the <param name="flashvars" value="wmode=opaque"/> set. The div around the drop down is absolute position with z-index of 9999 and the div around the flash file is relative position with z-index of -1

Any suggestions of things to try is greatly appreciated!

[Note: It is working in all browsers on Mac OS but no browsers on Windows OS]

Answer 1

Set the wmode property on the Flash to transparent – that usually works

EDIT:
You are using <object> to embed the .swf – which is one way, but <embed> will work across more browsers and will actually solve the problem for the most part, combined with the wmode you already have set. Adobe Dreamweaver has a nice way of creating some javascript that handles the choice of or <object> based on the browser. But without that your code should basically look like this. (This is tested in Firebug and worked)

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
    codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="980" height="250">
    <param name="movie" value="/files/themes/RiverLife-Oct09/media/header_ssp2.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <embed src="/files/themes/RiverLife-Oct09/media/header_ssp2.swf" quality="high" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="980" height="250"></embed>     
    </object>