CSS Layout (many different size layers filling space)

How to achieve a result, when there is a big space and I want to fill it completely with layers one close to each other. All of them are of same width and they should divide into 4 columns. Sample (tried to float all the layers and this is, what I get): http://img98.imageshack.us/f/layoutjp.png/

What to do with the laye开发者_StackOverflow社区rs to make them all fill the space without leaving white spaces in between? Open for any ideas, Thanks, Jonas

Take a look at the jQuery Masonry plug-in.