sfondo allungabile articolo

[trings]

Ciao a tutti
Utilizzo J! 1.7 da poco, la domanda è forse un pò banale, ma non trovo soluzioni..


Vorrei inserire uno sfondo composto da tre immagini
top: no-repeat
middle: repeat-y
bottom: no-repeat


In maniera che la mia immagine si adatti alle varie lunghezze degli articoli presenti.


Ho trovato questo codice in giro:

Codice: [Seleziona]

#content {
width: 948px;
margin: 0 auto;
background: url(../images/content_middle.png) repeat-y top center;
}


#content_top {
background: url(../images/content_top.png) no-repeat top center;
}


#content_bottom {
background: url(../images/content_bottom.png) no-repeat bottom center;
width: 920px;
margin: 0 auto;
padding: 13px 14px 15px 14px;
}

Ma dopo vari tentativi mi sto arrendendo.. 


Vi lascio un link
http://sergiotringali.com/valsecchi-joomla/index.php/styling
dove potete vedere un mio primo tentativo di inserire un'immagine
come vedrete però questa si ripete quando la pagina è lunga.


Spero qualcuno possa aiutarmi a risolvere questo ostacolo...
ciao!