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:

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