11A box with negative margin should drop it in order to fit next to floats rather than push below the floats. It should drop the margin even when there is margin available in the containing block for the box to expand into. The behaviour here is not defined by CSS2.1 so this behaviour is for compatibility with IE and FF. IE expands the table into the margin of the parent, FF does not. We match FF. Presto expanded all the boxes into parent's margin.
22
33float
44margin-left:-200px; overflow:auto;
5PASS
5FAIL:
6Expected 500 for width, but got 700.
7
8<div class="box" data-expected-width="500">margin-left:-200px; overflow:auto;</div>
69float
710margin-left:-200px; overflow:hidden;
8PASS
11FAIL:
12Expected 500 for width, but got 700.
13
14<div class="box" style="overflow: hidden" data-expected-width="500">margin-left:-200px; overflow:hidden;</div>
915float
1016margin-left:0; overflow:auto;
1117PASS
1420PASS
1521float
1622margin-left:-200px; display:table; blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
17PASS
23FAIL:
24Expected 500 for width, but got 700.
25
26<div class="box" style="overflow: visible; display: table" data-expected-width="500">
27 margin-left:-200px; display:table;
28 blah blah blah blah blah blah blah blah blah blah blah blah blah blah
29 blah blah blah blah blah blah blah blah blah blah blah blah blah blah
30 blah blah blah blah blah blah blah blah blah blah blah blah blah blah
31 </div>