IE7: поплавок влево, но не вверх, пожалуйста

Question

См. Этот простой HTML-код: http://www.pastie.org/3540274

В современных браузерах и даже в IE8 и IE9 это выглядит так:

[A1]
[B1][B2]
[C1][C2][C3]

Однако в режиме IE7 это выглядит так:

[A1][B2][C2]
[B1][C3]
[C1]

DIV с

{ float:left; clear:none }

не только плавают влево, но и вверх.Есть ли способ избежать этого без дополнительной разметки или без нее?

Answer 1

вам нужен разделитель уровня объекта между строками или отдельный контейнер для каждой строки, чтобы он работал в IE7.

Примеры в этом потоке: Плавающие и очищаемые в IE7

это было в списке, но то же самое относится и к div.