Div sovrapposti!

[Felino]

Salve!
Ho il seguente codice:

            <div class="slide">
                <div>
            		<ul>
            			[*][img]images/page1_pic1.jpg[/img]		
            			[*][img]images/page1_pic2.jpg[/img]		
            			[*][img]images/page1_pic3.jpg[/img][*][img]images/page1_pic4.jpg[/img]			                        
            			[*][img]images/page1_pic6.jpg[/img]		[/list]
            	</div>
            </div>

Qui il relativo CSS:

/*NEW SLIDE*/
.slide {
position: absolute;
display:block;
height: 1012px;
width: auto;
z-index: -1;
margin-left: 243px;
overflow: hidden;
}

.slide>div>ul{
position: relative;
height: 1012px;
}
.slide li {
cursor:pointer;
width: 20%;
height:100%;
overflow: hidden;
float: left;
display: inline-block;
}

Praticamente si tratta di 5 colonne!
Vorrei mettere un altro div sopra di esse, con uno sfondo in trasparenza e del testo.

Sapreste indicarmi come realizzarlo?

Grazie.

[Prill]

Hai provato creando un altro div con posizionamento assoluto, anche all'interno del div slide?

[Felino]

si infatti, così ho risolto, grazie.