IE7 float clearing using height:1% trick

The following div has light gray background.

This is some text in the div with height:1%

content
inside
floated
paragraph which is in the div

dummy
content
between
the divs.

Now follows div with height:1% with all content floated. It has light gray background which is invisible in all but IE6/7, since all its content is floated.

content
inside
right-floated
paragraph

content
inside
floated
paragraph

dummy
content
after
the divs