I'm trying to get a css layout that has equal height columns. I've put together this demo on JSFiddle - http://jsfiddle.net/WebDevDude/5hYpk/2/

In a case where a column is higher then it's siblings, I want the other columns to float beside. So in my demo case, column 3 and 4 should float beside column 2 on the left.

I also can't assume that column 2 is going to be the tallest, it might be column 3, 4, or even 8. Does any CSS guru have the solution?