In origine nel css mettevo

#sidebar .disposizione {
float: right;
margin: 0;
padding: 0;
border: none;
}

Tutte le immagini vengono allineate a destra, e quando aggiungevo un'altra immagine nella stessa classe, essa affiancava la precedente senza sovraimporla

Nell'html mettevo

[img]immagine.jpg[/img]
etc..

OK

Ora se volessi mettere immagini che cambiano al passaggio del mouse dovrei specificare tutte le immagini nel css, come nell'esempio che hai linkato, ma a quel punto come faccio affinchè siano disposte automaticamente secondo le specifiche di "disposizione", per richiamarle cosa metto nella pagina html?
ciao