z-index y overflow

[1000i1]

Hola, Tengo el siguiente problema, necesito hacer una pagina que tenga para mostrar textos unos div's con el fondo transparente y las letras oscuras, eso ya me costó lo suyo, pero al final con lo conseguí. Una vez conseguido esto el problema es el siguiente:

Si el div con el texto oscuro contiene mas texto del que cabe en la pagina, ésta no detecta que se ha producido overflow ya que el div que contiene el texto tiene z-index: 2. Ya se que lo podria solucionar añadiendo el overflow al div del texto, pero no me sirve ésta solución.

A ver para que se vea claro incluyo el código de la página en cuestión:

Código:

//HTML
<div class='cos'>
<div id='text_fosc'>
Aqui va el texto
</div>
<div id='fons_transparent_b'></div>
</div>

//CSS

.cos{
  height: 425px;
  width: 100%;
  text-align: left;
  margin: 0px;
  overflow: auto;
  background-color: transparent;
}

#fons_transparent_b{
  	width: 100%; 
	height: 100%;
   	background-color: rgb(78,108,198); 
   	filter:alpha(opacity=50);
   	-moz-opacity:0.5;
   	opacity: 0.5;
}

#text_fosc {
   	width: 470px; 
	height: 420px;
	background-color: transparent;
   	position: absolute;    
   	z-index: 2;         
	overflow-y: auto;          
}

Muchas gracias.