Floated elements for a responsive layout (CSS)

Question

I am trying to get the elements in the following example to float within any empty space instead of inheriting the position from the highest element. It's a bit hard to explain but the image should explain what I am trying to do:

WIP Demo: http://jsfiddle.net/xavi3r/qrUsh/

Answer 1

Take a look at the Masonry project:

http://masonry.desandro.com/

Tim