div sopra div con swf

[Mi|{y]

Ciao a tutti!

Ho un problema simile a quello menzionato in quest'altra discussione http://forum.html.it/forum/showthrea...=div+sopra+swf
che non risolve però il problema!

Vi spiego.. dovrei far sormontare un div (in questo caso un menu a comparsa) sopra il div sottostante dove ho inserito un swf (prima di inserire l'swf il div era composto da un'immagine in background e il tutto funzionava egregiamente)


Passo a illustrarvi il codice

- file css esterno

/*nav*/

#nav {
	
	position: relative;
	width: 680px;
	height: 26px;
	top: 0px;
	left: 0px;
	float:left;
	z-index:10;
	background: url('images/menu/ratt.gif') repeat-x;
}


#nav a:link, #nav a:visited {
	display: block;
	height: 26px;
	background-position:  left bottom;
	font-size: 0.8em;
	color: #67481c;
	text-decoration: none;
	text-align:center;
	border: 0px none;
	padding: 0px;
	
}

#nav a.current {
	display: block;
	height: 26px;
	background-position: top left;
	color: #67481c;
}

#nav a.prof {
	display: block;
	height: 26px;
	background-position:  left bottom;
	font-size: 0.8em;
	color: #67481c;
	text-decoration: none;
	text-align:center;
	border: 0px none;
	padding: 0px;
}

#nav a:hover, #nav a:active, #nav a:focus {
	background-position:  left top;
	background-color: transparent;
	color: #67481c;
	text-shadow: none;
	border: 0px none;
}



#nav a.subpro:link, #nav a.subpro:visited {
	display: block;
	width: 7em;
	height: 1em;
	color: #FFFFFF;
	text-align:left;
	font-family: arial, helvetica, verdana,sans-serif;
	font-size:70%;
	font-weight:bold;
	text-shadow: none;
	border: 0px none;
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 5px;
	
}


#nav a.subpro:hover, #nav a.subpro:active, #nav a.subpro:focus {
	display: block;
	width: 7em;
	height: 1em;
	background-position:  left top;
	background-color: transparent;
	color: #2861a6;
	text-shadow: none;
	border: 0px none;
}


#nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #fff;
}

#nav li {

	float: left;
	margin-right: 2px;
	
}




#nav li ul { /* second-level lists */
	position: absolute;
	width: 5em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	/*posizionamento terzo livello*/
	margin-top:-1.3em !important;
	margin-right:0em !important;
	margin-bottom:0em !important;
	margin-left:6.6em !important;
	margin-top:-1.45em;
	margin-right:0em;
	margin-bottom:0em;
	margin-left:6.45em;
	width: 8em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;

}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;
}

#nav li.fcat {
	height: 26px;
	background: #ffffff url('images/menu/ratt.gif') repeat-x;
	padding-left: 2px;
	padding-right: 5px;
}


/*----------------header*/

#header{
 position:relative;
 top: 0px;
 width:680px;
 height:201px;
 /*background-image:url('images/top.jpg'); */
 background:#fff;
 z-index:-1;
 
}

- nella pagina

				<div id="nav">
				<ul>
					[*]<a class="menu_chi current"></a>
					[*]
						<ul>
							<li class="fcat">nomesottomenu1
							<li class="fcat">nomesottomenu2
						[/list]										
					
					[*]
					[*]
				[/list]
			</div>

			<div id="header">
				
				qui richiamo swf

			</div>

in pratica i link a nomesottomenu1 e nomesottomenu2 dovrebbero aprirsi sopra il div header con l'swf ma non lo fanno!!!!

Grazie per qualsiasi aiuto!