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>

[pictor]

Ricordo che mi successe con un filmato flash.
Non so quale sia esattamente la proprietà ma era qualcosa da impostare nel tag dell'applet, se non sbaglio.

[hcka]

Per i flash è sufficiente settare "wmode" al valore "transparent"; per l'applet non credo sia così facile.

Lessi qualche tempo fa, non ricordo dove, riguardo ai piani su cui vengono "disegnati" gli elementi di una pagina web, e l'unico "ibrido" è l'iframe. Giocando con gli iframe si può, appunto, divertirsi con le interazioni tra i due piani (su uno gli elementi standard, sull'altro gli object e le select).

Questo per quanto riguarda IE...

Spero di non aver detto stronzate...
Spiacente di non essere di maggior aiuto a riguardo.

[Luca_pluatrco]

Grazie dei consigli, purtroppo pero' dovrei usare solo l'applet.
Quindi dovrei trovare una soluzione con questo elemento...

[Mich_]

Attenzione che il tag <applet> e` un tag proprietario, riconosciuto solo da alcuni browser.
Il tag per includere un'applet nel codice HTML e` <object>. Fa' una ricerca in questo forum o in (X)HTML per trovare il modo corretto per inserire oggetti tipo applet.

In linea di massima e` possibile fare in modo che un'<object> rimanga sotto altri oggetti, ma in alcuni casi l'applet non viene gestita dal browser, ma direttamente dal sistema operativo, e in quel caso non e` possibile decidere l'ordine di sovrapposizione.