Сделать элементы плавающего списка равными height (с чистым css)

У меня есть список списков. Подсписки перемещаются влево. См. http://jsfiddle.net/P4Psf/

Есть ли способ заставить эти столбцы иметь такую ​​же высоту, что и их соседи (т.е. иметь элементы 1, 2 и 3 одинаковой высоты, тогда 4, 5, 6 равны по высоте (но, конечно, отличаются от 1,2,3) и т. д.)?

В данный момент 7 и 8 ставят себя ниже 5 и 6, где они фактически должны быть ниже 4 и 5.

Я, конечно, мог бы сделать это с помощью javascript, но я надеюсь, что есть решение на чистом CSS, которое работает (по крайней мере) в современных браузерах?