z-index: div che non si sovrappongono

[dera]

Salve

Dopo un po' di ricerche sul forum e su google per capire il funzionamento di questo malefico z-index (di cui non sono sicura, sono arrivata a utilizzarlo, anche se con zero risultati

Allora, il problema è questo: ho un div con all'interno due div che flottano, uno a destra e uno a sinistra. Quello a destra contiene altri due div (ma ho letto che la proprietà z-index è automaticamente ereditata). Vorrei che quando la finestra si restringe i due div, ovviamente, si sovrapponessero, ma ciò non succede (con FF il div di destra si sposta sotto, mentre con IE si blocca il restringimento).

Sinceramente non capisco perché non funzioni L'unica spiegazione che mi do è che forse lo z-index non va d'accordo col float??

Vi posto un po' di codice:

div#testata{
	/* posizione */
	display: block;
	margin: 0px auto 0px auto;
	/* grafica */
	border-top: 5px solid #DFD1D0;
	/* testo */
	text-align: left;
	/* dimensioni */
	height: 115px;
	width: auto;
}


div#bloccoSinistra{
	/* posizione */
	float: left;
	clear: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	z-index: 20;
	top: 0px;
	left: 0px;
	/* grafica */
	/* testo */
	/* dimensioni */
	height: auto;
	width: 485px;
}

div#bloccoDestra{
	/* posizione */
	float: right;
	clear: right;
	margin: 0px 0px auto auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 50;
	top: 0px;
	right: 0px;
	/* grafica */
	/* testo */
	/* dimensioni */
	height: auto;
	width: 400px;
}

div#bloccoDestra div#divAlto{
	/* posizione */
	margin: 30px 0px 0px 270px;
	padding: 0px 0px 0px 0px;
	position: relative;
	/* grafica */
	/* testo */
	/* dimensioni */
	height: auto;
	width: auto;
	/*min-height: 24px;
	height: auto !important;
	height: 24px;*/
}

div#bloccoDestra div#divBasso{
	/* posizione */
	position: relative;
	margin: 0px 0px 0px auto;
	padding: 0px 20px 0px 0px;
	position: relative;
	/* grafica */
	/* testo */
	/* dimensioni */
	height: auto;
	width: auto;
}

Grazie mille a tutti

[Inverter]

prova a dare al blocco di sinistra un z-index: -1 e toglilo per quello di destra...

[Mich_]

Hai inserito un blocco posizionato dentro un float (almeno cosi` mi pare di interpretare dalla logica dei nomi usati - non hai postato l'HTML, per cui vado ad intuito): non ci sta, ci scappa fuori.

Leggiti questi articoli, e rivedi il layout:
I posizionamenti assoluti
Capire i posizionamenti relativi

[dera]

In effetti la mia unica spiegazione è che sia il float a dare fastidio.

Comunque vi ringrazio , farò qualche prova e leggerò i due articoli... vediamo se risolvo