Hi,

I'm pretty new to Flash and have a problem for a website I'm working on.
I've been googling and searching these boards for some hours now but none of the solutions work for me.

What I'm trying to do is get my html navigation display on top of my Flash header. Here is the testpage:

http://www.moodstock.be/ontw/index.html

If you replace index with info in the URL, you will see what it is supposed to look like using a background image instead of an .swf. Strangely enough, it doesn't work in Firefox and IE on PC but it works fine on Firefox and Safari on my Mac.

I have tried the wmode/z-index thing but as you can see the navigation is still underneath the Flash file. Here is the relevant HTML and CSS code:
Code:
        <div id="header">
      		<div id="nav">
                <ul>
                    <li><a class="selected" href="index.html">Home</a></li>
                    <li><a href="info.html">Info</a></li>
                    <li><a href="lineup.html">Line-up</a></li>
                    <li><a href="transport.html">Transport</a></li>
                    <li style="margin-left:35px;"><a class="navright" href="camping.html">Camping</a></li>
                    <li><a class="navright" href="pictures.html">Pictures</a></li>
                    <li><a class="navright" href="sponsors.html">Sponsors</a></li>
                    <li><a class="navright" href="contact.html">Contact</a></li>
                </ul>
            </div>
   	    <div id="flashdiv">
			<script type="text/javascript">
                    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','960','height','190','src','header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','header' ); //end AC code
            </script><noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="960" height="190">
                  <param name="movie" value="header.swf" />
                  <param name="quality" value="high" />
                  <param name="wmode" value="opaque" />
                  <embed src="header.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="960" height="190" wmode="opaque"></embed>
            </object></noscript>
            </div>
        </div>
Code:
#header {
	position: relative;
	height: 190px;
	background: url(../img/header2.jpg) no-repeat top left;
}
#flashdiv {position:absolute; z-index:1;}
#nav {
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: 0;
	margin-bottom: -4px;
}
Any help you guys could give, would be greatly appreciated.