Drop down menu viene coperto da immagine applet

[Luca_pluatrco]

Ciao,

ho realizzato un Drop down menu che, tramite la proprietà z-index, dovrebbe essere viauslaizzato "sopra" qualsiasi altro elemento.
Funziona bene per tutto, eccetto che con un applet, in quanto quest'ultimo rimane in primo piano.

Come posso mantenere il menu in primo piano anche con l'applet? (Il codice dell'applet realizza una funzione importante all'interno del portale e non potrebbe essere cambiato radicalmente).

Grazie

   <applet style="clear:both;margin-right:10px;z-index:0;" id="fm" height="40px" width="135px" name="fm" archive="/DocMan/fm.jar" code="Client.class" align="right"  MAYSCRIPT>
    <param name="background-image" value="/Gif/drop2.png" />
   <param name ="blocksperslice" value="400" />
    <param name="background-color" value="CCCCCC" />
     <param name="querystring-javascript-function" value="getQueryString" />
    <param name="createfolder-serverscript" value="/docman/uploadFolder.aspx" />               
    <param name="uploadfile-serverscript" value="/docman/uploadDocument.aspx" />
    <param name="afterupload-javascript-function" value="Refresh" />            
    <param name="set-progress-javascript-function" value="setProgress" />            
    </applet> 


/* CSS (sintetizzato) per il menu */

.menu ul, .menu ul ul {
	margin: 0;
	padding: 0 3px 0 0;
	border: 0;
	list-style-type: none;
	display: block;
}

/* move all list items into one row, by floating them */
.menu ul li {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: right;
}
 
.menu ul li:hover { position: relative; }


.menu li li 
{
	width: 98%;        
	padding:1px 0;	
	text-align:left;		
	display:block;
}

.menu ul li div{ 	top: 0;  right: 0; }

/* initialy hide all sub menus */
.menu ul li div {
	visibility: hidden;
	position: absolute;
	z-index: 10;
}

.menu li:hover>div {	visibility: visible; }

/* -- float.clear -- force containment of floated LIs inside of UL */
.menu ul:after, .menu ul ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.menu ul, .menu ul ul {min-height: 0;}/* IE7 float clear: */
	
.menu div {
	background-image: url(empty.gif);	
	padding: 10px 0px 10px 10px;		
	margin: 10px 0px 0 0;			
}

/*STRUTTURA MENU*/

<div class="menu">
   <ul>[*]
           <div>
                 <ul>[*] ...  [/list]
            </div>
       [/list]
</div>