Posicionar div verticalmente

[visceras]

Hola gente:

Estoy buscando una solución diferente al problema que tengo, puesto que no sé si la que he encontrado es la apropiada.

Aquí va mi código html

Código:

<div id="header">bla bla bla</div>
<div id="content">bla bla bla</div> 
<div id="menu">bla bla bla</div> 
<div id="footer">bla bla bla</div>

Lo que quiero hacer con css es que el div "menu" se posicione antes que el div "content" y a la misma vez "content" y "footer" se desplazen verticalmente hacia abajo.

Todos los div tienen la propiedad display como block, pero cuando cambio las propiedades de "menu" a

Código:

position: absolute;
top:300px

los otros div no se desplazan hacia abajo y me veo obligado a forzar todas las posiciones como absolute.

¿Tiene alguien otra solución?

Gracias por adelantado.

[gazpachoymochil]

Supongo que has probado a cambiar el orden de los div, no?? Según creo, html "imprime" en el mismo orden en el que escribimos el código. Así que si quieres que #menu aparezca por pantalla antes que #content, #footer sólo has de:

<div id="header">bla bla bla</div>
<div id="menu">bla bla bla</div>
<div id="content">bla bla bla</div>
<div id="footer">bla bla bla</div>

A partir de aquí sólo has de trabajar con CSS para dotar a cada "contenedor" de las características que quieras.
Si no te refieres a eso, no entiendo o que quieres averiguar. Un saludo!

[visceras]

Está claro que la solución fácil es cambiar los div de orden. Pero si haces eso y resulta que tu página tiene más de un archivo de estilos, entoces como que la has pifiado. Además haciendo esto rompo todas las reglas de css

En fin, gracias de todas formas