Problema sottomenu fatto con i css

[deleted_193]

Salve, ho creato un uovo menu usando solo i css, tuttavia mi dà dei problemi insoliti, rispetto agli altri menu che avevo creato usando anche un pò di javascript.
In pratica il sottomenu che si visulizza andando su una delle voci, al posto di andare sopra tutti gli elementi della pagina, esce sotto le immagini, impedendomi di cliccare sopra le voci o semplicemente di selezionarle, e se ci provo andando sopra l'immagine il sottomenu scompare.
Vi posto il codice css:

#provamenu ul li {
float:left;
width:140px;
margin: auto;
padding: 0;
border: 0;
color: #6fc5f6;
text-align: center; /*creato per influenzare la posizione del testo del pirmo menu*/
background: #6fc5f6;
display:block;
}

#provamenu ul li:hover ul{ /*gestione del sottomenu*/
display: block;
position: absolute;
width:140px;
padding: 0;
margin: auto;
border: 0px;
font-size:10px;
}

#provamenu ul li ul{
display: none;
background-color: #6fc5f6;
}

#provamenu ul li ul li{
list-style:none;
margin:0;
padding:0;
text-align: left;
}

Il codice html è un normale "<ul>[*]", messo senza neanche l'ausilio di una tabella, per quanto riguarda la parte prima del css quella è a posto.

[deleted_193]

Risolto con z-index, chiudete pure!

[deleted_193]

Scritto per sbaglio, ho editato il vecchio messaggio!