Come sovrapporre 2 div? Ma con spiegazione! non ne vengo a capo :(

[jdipik]

Ciao,
devo semplicemente sovrapporre 2 DIV:
DIV immagine;
DIV testo.

questo è il codice:

<div id="pagina>
       <div id="intestazione">
              <div id="testo">
                      bla bla bla bla bla
               </div>
               <div id="immagine">
                      <img src="foto.jpg" />
                </div>
         </div>
         <div id="resto_della_pagina">
               ecc ecc ecc ecc ecc
          </div>
</div>

Seguendo varie guide in giro non sono riuscito a sovrapporre in nessun modo i due blocchi.
L'ultima guida suggeriva di mettere il DIV padre (intestazione) relative, e i due figli (testo e immagine) absolute con gli stessi parametri di margin.

    #intestazione{
        position: relative;
        
        width: 100%;
        max-width: 820px;
        height: auto;
        
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
     }


    #testo{
        position: absolute;
        
        width: 100%;
        height: auto;

        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }


    #immagine{
        position: absolute;
        
        width: 100%;
        height: auto;
        
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }



    #resto della pagina{
        position: relative;

        width: 100%;
        height: auto;

        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;

        text-align: center;
    }

Il risultato che ottengo è che scompare tutto, o meglio il DIV resto_della_pagina si sovrappone a tutto.
Quello che voglio capire è questo:
i due DIV padri (intestazione e resto_della_pagina) non dovrebbero incolonnarsi?

Ma soprattutto, provando a mettere il bordo al DIV intestazione "scopro" che non contiene i 2 DIV, ed qui, credo nasca il problema.

Che comando/parametro ignoro?

ps: la larghezza deve essere 100% e l'altezza auto