Strange float behaviour in IE7

Question

I want to create a simple box with a header bar containing a title and some tool buttons. I have the following markup:

    &         


        
      

Answer 1

I fixed it using jQuery to emulate the behaviour of the non-IE browsers:

    // IE fix for div widths - size header to width of content
    if (!$.support.cssFloat) {
        $("div:has(.boxheader) > table").each(function () {
                $(this).parent().width($(this).width());
        });
    }