[Ovillo] Un DIV encima de otro

[pnunez en pandemiadigital.com]

Hola gente de Ovillo!
Primero quiero agradecer a la gente que pregunta y responde ya que gracias
a esas preguntas y sus respuestas todos los días aprendo cosas nuevas... y
ni hablar de cuando postean links a sitios que no encontraría googleando!

Mi consulta::

Tengo un codigo similar al siguiente:

<h1>Titulo</h1>

   <div id="fotos">
     <img src="foto1.jpg">
     <img src="foto2.jpg">
   </div>

   <div id="texto">Lorem ipsum dolor sit amet...</div>


y la idea es que por medio de CSS se "dibuje" en el browser primero el div
TEXTO y luego el div FOTOS... es decír: invertír el orden (lo más fácil
sería poner el <div id="texto"> antes del <div id="fotos"> pero está
construído asi por optimizaciones de SEO).

Lo logro fácilmente utilizando position: relative

#texto{
   position: relative;
   top: -500px;
}

pero el problema aparece cuando el texto es más largo (siempre varía la
cantidad de texto) y/o las fotos son más altas (también pueden existír más
o menos fotos)... en síntesis, es para una página dinámica donde el
contenído puede variar.

Si alguien puede ayudar lo agradecería enormemente,

Y aprovecho para enviarle mis cordiales saludos y agradecimientos a todos
los que aportan en la lista!