[CSS] content con più immagini

salve, ho questa parte di codice nel mio file css

Codice:

---

#content {

            background: url(../images/alta.jpg) no-repeat;
        background-position: 210px 115px;
        height: 301;
        padding: 10px;
}

---

in pratica vorrei che come sfondo si visualizzasse l'immagine alta, poi immediatamente sotto l'immagine centrale e sotto ancora l'immagine bassa.
e la parte centrale farla ripetere in modo che adatti lo sfondo alla lunghezza della pagina.

come posso fare?

grazie mille :D

Potresti creare dei #box attaccati l'uno all'altro con border 0.
Mettendo in ognuno una background-image.

Maeeti anche gli attributi di posizione:

Codice HTML:

---

#top {position: relative;
top: 0px;
}

#bottom {poistion: relative;
bottom: 0px;
}

---