Problema annidamento più contenitori

Sto facendo un sito in cui devo annidare più volte tanti contenitori, div span etc, sia di tipo id che class. Solamente che eseguito l'annidamento su Safari o Firefox ogni contenitore prende gli attributi indipendentemente dal suo contenuto.
Esempio, si pongano due contenitori, X e Y, annidati (Y annidato in X) e X senza altezza dichiarata nel CSS e Y con una determinata dimensione. Vorrei quindi che X assuma dimensione di Y.

Vi posto una parte del codice.

Codice HTML:

---

<div id="elements">
          <div class="normaltext">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a dictum sapien. Nulla malesuada, arcu eu hendrerit consequat, risus lectus feugiat erat, in tincidunt leo lectus eget nisi.
          </div>
</div>

---

Codice:

---

#body
{
        position: relative;
        width:  878px;
        top: 161px;
        border-right: 1px solid #bababa;
        border-left: 1px solid #bababa;
}

#elements
{
        position: relative;
        top:  150px;
        right: 40px;
        width: 500px;
}

---

Body lo devo necessariamente mantenere come relative, poichè l'ho centrato nella pagina ponendo la distanza da sx e dx come auto. Questa è solo una parte rappresentativa del codice, in realtà sono circa 900 righe di css e 100 di html e credo sia impossibile inserirle qui.
Sviluppo su piattaforma Macintosh.
Ciao e grazie in anticipo!