IE7 and IE8: Float clearing without adding empty elements

Question

I\'m having a problem similar to the one described here (without a resolution):

IE7 float and clear on the same element

The following HTML renders as intende

Answer 1

try following code. much simpler but a little hard to understand!

1
2
3
4
5
6
7