CSS два фона (двойной фон)

В 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