Cómo hacer que una imagen de fondo aparezca detrás hasta el final

[pepecalamaro]

Hola,

estoy haciendo una web y tengo dos imágenes en dos div. Una imagen es el fondo de la página y la otra es una especie de rectángulo dondo pongo el texto.

Bien, lo que quiero es poner (en el apartado noticias por ejemplo) 3 noticias, con lo cual no me caben con las dimensiones de ambas imágenes. ¿Cómo podría hacer para que no desaparecieran las dos imágenes y se mantuvieran detrás hasta que se acabe el texto de las noticias?

En el css esto es lo que pongo:

(imagen de fondo)

#Todo2
{
position:absolute;
top:-12px;
width:956px;
height:846px;
margin:0px 0 0 0px;
background-image:url(../imagenes/fondo.jpg);
background-repeat:repeat;
background-attachment: scroll;
}

(imagen donde va el texto)

.transparencia{
position:absolute;
height:587px;
width:636px;
margin:0px 0 0 0px;
background-image:url(../imagenes/transparencia.gif);
background-repeat:repeat;
top: 246px;
left: 17px;
}

Con esto sólo se me baja la imagen donde va el texto en internet explorer, pero en firefox. Os agradecería mucho si me pudieseis ayudar.

Gracias