IE7-/Win: extra space between a float and a clear, caused by padding on a container

Between a float and a clear inside a wrapper with padding there is extra vertical space (the float and the clear have zero margins.)

float
clear

The extra vertical space seems the same as the padding on the wrapper (above 10px, below 20px)

float
clear

No padding on the wrapper, no extra space

float
clear

The clear has hasLayout, no extra space

float
clear

The clear is empty, extra space still there

float

There is something beside the float, no extra space

float
blah
clear

More floats. Horizontally resizing the window, different problems show up, See IE7-/Win: problems with a sequence of floats in a container.

float 1
float 2
float 3
clear

The clear has hasLayout. No extra space, but the problems depending on window width remain.

float 1
float 2
float 3
clear

Related bugs:

CSS tests home