Salve, sto realizzando un agenda settimanale, con la descrizione di ogni evento in un div. Al click dell'evento diventa visibile un fumetto con i dettagli inerenti.

Vi illustro il problema con questa immagine:

Il fumetto in basso viene visualizzato correttamente perche il div dell'evento è stato creato DOPO rispetto a quelli sovrapposti.
Diverso per il fumetto di sopra, che viene sovrapposto dagli altri eventi poiche sono stati caricati dopo quell'evento.
Io vorrei che in qualsiasi caso il div fumetto sia sovrapposto a qualsiasi altro, ho provato settando i z-index, ma non va

Se puo essere utile posto il css dell'evento e del fumetto:

codice:
.weekEvent{
	position:absolute;
	background-color:#FFF;
	border:1px solid #000;
	z-index:1000;
}
.balloon{
        position:absolute;
	border:1px solid #000;
	left:100px;
	top: 80px;
	width:200px; 
	height:auto;
	font-size:0.7em;
	padding:1px;
	background-color:#F6DBA2;
        display : block;
        z-index:100000;
        visibility: hidden;
}
Ovviamente il div baloon è conentenuto in weekevent

Dove sbaglio?
grazie