В CSS 3 можно одновременно добавлять несколько фоновых рисунков для любого элемента.
background: url(images/fon1.png) 0 0 no-repeat, url(images/fon2.png) -300px 100% no-repeat, url(images/fon3.png) -100px 0 repeat-y;
Единственная мелочь, так это не работает в IE6-8