I have a page generated by a database. It creates a DIV for each entry (extremely simplified for sake a question). Each of these DIVs have a set width, and float left.
However, these DIVs don’t have a set height, so occasionally the following as depicted in the image happens. Is there a good way to prevent this from happening, and the white space just ‘collapsing?’
The link to the prototype site. Here

I think this article would help you:
http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/