Hi I've applied 'clearfix' to a form element in order to contain al it's floats, i.e. so that it's as high as all the floats it contains.

Trouble is that it takes on the hight of a floating element that 's outside it. I'm confused, what's going on?

I'd be grateful if you could have a look at th following link.

The ASIDE element is a floated element outside the SECTION. The FORM inside SECTION has class="clearfix", but this makes it as high as ASIDE.


I've also tried put <div class="clearfix"></div> just before the </FORM> closing tag, with the same result.

Thank you for any ideas here.