[Resolvido] Posicionamento de divs

Oi pessoal, tudo bem?

estou criando uma rede social com o wordpress para fãs de uma cantora, onde o user loga no WP e é mostrado uma dashboard com todos os posrs que os membros criam na rede e tudo mais... porém, eu queria que mostrasse os posts tipo essas fotos: http://fi-x-you.tumblr.com/ uma embaixo da outra, sem nenhum intervalo de espaço, fora o que eu determinar por margin. O problema é que fica um espaço entre os posts. São exibidos 3 posts por linha, e são com heights diferentes, se um tem 300px de height, o outro 250px e o outro 600px, a outra linha só vai começar a ser exibida embaixo do de 600px, entenderam o problema? não sei explicar muito bem hahaha Olhem como fica:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img23.imageshack.us/img23/7389/espaoredesocial.jpg&key=1f02546f68eaae01d9a0395f82161f257177313802bb856ebeadd4e4ab927832" alt="espaoredesocial.jpg" />

o código está assim:

#body_post1 {
 width: 300px;
 float: left;
 position: relative;
 display: block;
 margin-right: 15px;
 margin-bottom: 15px;
 -webkit-transition: all 2s ease;
 -moz-transition: all 2s ease;
 transition: all 2s ease;
 -o-transition: all 2s ease;
}

o que estou fazendo de errado?

Obrigado :D

PS.: não levem a sério os posts que tem ali, estamos testando a criação dos posts pela rede social, então né... hahahahha