Hacer que <li> de altura diferente se alinien

[zyxer]

Gracias y disculpa la tardanza a la hora de responder (tuve un problema con con el internet y no quería hacerlo desde otro lugar que no sea mi casa porque se me complicaría demasiado darle seguimiento, pero ya está todo bien).

Intenté la solución que me propusiste, pero esa función lo que hace es hacer que todos los <li> tomen la misma altura del que tenga la altura mayor (me gusta, la guardaré para futuras ocasiones), pero en este caso lo que busco es que cada <li> conserve su propia altura y se mantenga unido a los otros <li>. Algo como lo que se ve en esta imagen http://i.stack.imgur.com/WSwv4.jpg

PD: Estoy tratando de evitar las librerías en la medida de lo posible...

EDITO: Encontré la solución aquí: http://sickdesigner.com/masonry-css-getting-awesome-with-css3/