Hello, all!

I have a question about CSS float layouts. I'm trying to create a layout similar to http://pinterest.com/. There are basically boxes with an image/caption that I have floated in my layout. They are fixed width, variable height.

The problem I'm having is that when a new row begins, it doesn't float up and under the previous row, it simply starts a new row all aligned along the top. Is there a way to achieve the Pinterst look with CSS? Java? Any help would be appreciated!

I'm also coding this as a template for my WordPress, so the boxes are generated dynamically, just in case that's important.

Thank you so much!
Cassie