1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x600
5 LayoutBlockFlow {BODY} at (8,8) size 784x584
6 LayoutBlockFlow {DIV} at (0,0) size 784x100 [bgcolor=#FFFF00]
7 LayoutBlockFlow (floating) {DIV} at (0,0) size 71x500 [bgcolor=#008000]
8 LayoutText {#text} at (0,0) size 71x19
9 text run at (0,0) width 71: "Hello world"
10 LayoutBlockFlow {DIV} at (0,204) size 784x40
11 LayoutText {#text} at (71,0) size 704x39
12 text run at (71,0) width 271: "This text should not overlap the purple float? "
13 text run at (342,0) width 433: "Will this happen? I'm really not sure. This is a test of some of the strange"
14 text run at (71,20) width 368: "behavior you will find when using overflow auto or scroll, etc."
15 layer at (79,108) size 713x104 clip at (81,110) size 709x100 scrollHeight 400
16 LayoutBlockFlow {DIV} at (71,100) size 713x104 [border: (2px solid #000000)]
17 LayoutText {#text} at (2,2) size 136x19
18 text run at (2,2) width 136: "Does the float intrude?"
19 LayoutBlockFlow (floating) {SPAN} at (611,2) size 100x400 [bgcolor=#800080]
20 LayoutText {#text} at (0,0) size 0x0