HTML+CSS+JavaScript

Где-то видел пример с облаками, но вот не найду никак :(
Помогите, плиз.

Наверное, эта.

http://www.softtime.ru/forum/read.php?id_forum=1&id_theme=3258

А не подскажите, как должен выглядеть css, что бы я мог накладывать слои друг на друга?

Например так:

#logo{position: absolute; top: 20px; width: 100%} #mount{z-index: 1; position: absolute; top: 88px; left: -60px; background-image: url(../images/mount.gif); background-repeat: no-repeat; height: 59; width: 349;} #oblako{position: absolute; top: 70px; left: 50%; background-image: url(../images/oblako.gif); background-repeat: no-repeat; height: 59; width: 349;} #kucha{position: absolute; z-index: 4; top: 122px; left: 20; background-image: url(../images/kucha.gif); background-repeat: no-repeat; height: 29; width: 175;} #kran{position: absolute; top: 0px; left: 40; background-image: url(../images/kran.gif); background-repeat: no-repeat; height: 146; width: 67;} #tractor{position: absolute; z-index: 4; top: 120px; right: 20%; background-image: url(../images/tractor.gif); background-repeat: no-repeat; height: 37; width: 63;} #kucha2{position: absolute; z-index: 5; top: 129px; right: 17%; background-image: url(../images/kucha.gif); background-repeat: no-repeat; height: 29; width: 175;} #train{position: absolute; z-index: 3; top: 114px; left: 100px;  height: 33px} #car{position: absolute; z-index: 2; top: 125px; height: 29;} #vagon1{background-image: url(../images/vagon.gif); background-repeat: no-repeat; width: 74; background-position: bottom} #vagon2{background-image: url(../images/vagon.gif); background-repeat: no-repeat; width: 74; background-position: bottom} #vagon3{background-image: url(../images/vagon2.gif); background-repeat: no-repeat; width: 73; background-position: bottom} #vagon4{background-image: url(../images/teplovos.gif); background-repeat: no-repeat; width: 104; background-position: bottom}

Это стили с сайта www.rekann.ru, упомянутого в теме, на которую я дал ссылку выше.

Спасибки:)