Q:

Floating DIVs like on pintrest.com

I've got a little problem.  I have multiple relative positioned DIVs in an absolute positioned wrapper div.  Now I want them to be like on pintrest.com.  But my result looks like this:
http://d.pr/CHCq
(Image link on droplr.com)
CSS:
div.post {
position: relative;
width: 250px;
margin: 0 0px 14px 14px;
background-color: #eae9e9;
float: left;
}

Do you know any efficient fix for this?  Or shall I make three columns? 
Thanks in advance. 

A:

You might consider using jquery masonry.  Or, if you're alright with the width being static, 3 columns as you mentioned.