menu a tendina

[ZiBedeo]

ciao a tutti,
è incredibile da credere ma ho un menu che mi vuole far cadere i capelli! VVoVe:
ecco l'incriminato

il menu è fatto con css e javascript.
come potete notare le voci che scendono a tendina si mettono sotto oggetti del sito, quindi vi volevo chiedere se c'è qualche funzione da aggiungere nel css che "mette" la tendina sopra qualsiasi cosa (tipo anche blocchi che siano float).
grazie mille...anche da parte dei miei capelli

[sezenec]

potresti provare la propietà z-index. se ne parla brevemente qui:
http://css.html.it/guide/lezione/41/...lla-posizione/

[ZiBedeo]

si, effettivamente funziona, ma non del tutto...
il mio sito genera dinamicamente dei blocchi e per ogni blocco genera un menù che ha 1 unico div e javascript con i parametri che generano la tendina. Con il tuo suggerimento il menù funziona, ma solo all'interno del suo blocco, se è vicino ad un altro blocco va cmq in secondo piano, in questo modo:


secondo te come mai?

[sezenec]

manda il codice. provando a interpretare quello che scrivi nasconderei tutti i menu/blocchi che non c'entrano quando clicchi sul menu/blocco di interesse.

[ZiBedeo]

grazie Sezenec,
ma ho risolto mettendo un elemento select, rendendolo trasparente e posizionando sopra una scritta fa l'effetto di un normale menu a tendina e non mi crea tutti gli scombini che ho con un normale menu
l'unico problema che ho ora è questo:
ho usato nel css il filtro alpha per rendere trasparente il select, funziona perfettamente con opera e ie7 ma per ie6 non funziona, ecco il codice:

<style type="text/css">
<!--
select.trasparenza {
filter: alpha(opacity=0);
-moz-opacity: 0.0;
opacity: 0.0;
}
-->
</style>

<div style="color:#FFFFFF; margin-top:10px; margin-right:10px; text-align:right">menu</div>
<div >
<select class="trasparenza" name="" id="">
<option value="-"> </option>
<option value="min"></option>
<option value="max"></option>
<option value="del"></option>
</select>
</div>

c'è modo di renderlo compatibile anche con ie6?