Problema con z-index

[Lifedj]

Sto realizzando un sito e acrei bisogno di realizzare un menu a tendina.
Ho fatto tutto, ma con internet explorer non va: non si sovrappone al contenuto, nonostante ci sia z-index:1;
Come posso fare. Ho trovato vari metodi in reti per risolvere il problema, ma non sono riuscito a farlo funzionare in nessuno dei modi descritti!!!
Purtroppo Internet explorer è ancora il browser più diffuso al mondo e mi tocca farlo funzionare anche con quello!!!
Vi allego il link dove vedere il codice html e poi quello per vedere il css:
HTML
CSS
Vi ringrazio in anticipo.
Lifedj

[Lifedj]

Risolto:
Basta impostare lo z-index del div in cui è contenuto ciò che voglio in primo piano ad un valore maggiore.
Nel mio caso avevo:

#menu {
position:relative;
height:25px;
width:800px;
}

#menu ul li:hover ul{
display: block;
position: absolute;
top:25px;
z-index:1;
width:123.5px;
padding: 0px;
}

E' bastato aggiungere

z-index:1000;

in #menu {...}.
Ciao ciao.Lifedj.

[dabbia]

Grazie!!!!

Ho risolto pure io così...

Io ho aggiunto "z-index:1000;" in "#menu li" generico