come uso lo z-index

[Vincenzotto]

<div id="fondo">

<div id="logo">[img]lamiafoto.gif[/img]</div>

<div id="testo">pippo</div>

</div>


come posso realizzare una css che mi permetta:

1)di posizionare il logo in alto a sinistra relativamente a "fondo"
2)il logo non deve essere incastonato nel testo ma in un livello superione a testo, cosi che i contenuti di testo stiato sotto l'immagine.

Help me please

[span]

dai allo sfondo uno z-index di 1 al logo di 3 ed al resto di 2

[Vincenzotto]

e fino qui ci arrivavo anche io

//html
<div id="contenuti">
	<div id="capitello"></div>
	<div id="search">
	</div>
</div>

//CSS
#contenuti {
width:80%;
padding:0px;
float:left;
background:#fff;
z-index: 1;
}
#search{
position: relative;
width:100%;
height: 56px;
padding:0px;
background:#fff;
border-top: 2px solid #FFF;
background-image: url(img/fondo_search.gif);
background-repeat: repeat-x;
z-index: 2;
}
#capitello{
position: relative;
z-index: 100;
background-image: url(img/capitello.gif);
width: 120px;
height: 182px;
padding:0px;
}

[span]

non si può mettere un elemento con posizione relativa sopra un elemento con posizione relativa ma semmai un elemento con posizione assoluta sopra ad uno con posizione relativa