codice:
#rettangolo div{background:url(centro.gif) repeat-y;}
#rettangolo div div{background:url(top.gif) 0 0 no-repeat;}
#rettangolo div div div{background:url(bottom.gif) 0 100% no-repeat;padding:20px 10px 20px 10px;height:1%;}
questo codice in un sito fa si che rettangolo abbia come sfondo top, center, bottom sistemati in modo che è facile intuire: top, una gif con angoli smussati, sopra, center con repeat-y e bottom sotto.

ora il problema:
la mia tecnica per gli angoli smussati è stata sempre quella di creare tre div distinti (#rettangolo .top, #rettangolo .center, #rettangolo .bottom)
qualcuno mi spiega come funziona sto fatto "div div div"?? nel codice html del sito all'interno del div id="rettangolo" non ci sono altri div




spero di essermi spiegato