1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 RenderBlock {HTML} at (0,0) size 800x600
5 RenderBody {BODY} at (8,8) size 784x584
6 RenderBlock {DIV} at (0,0) size 784x100 [bgcolor=#FFFF00]
7 RenderBlock (floating) {DIV} at (0,0) size 76.88x500 [bgcolor=#008000]
8 RenderText {#text} at (0,0) size 77x16
9 text run at (0,0) width 77: "Hello world"
10 RenderBlock {DIV} at (0,204) size 784x32
11 RenderText {#text} at (76,0) size 688x32
12 text run at (76,0) width 294: "This text should not overlap the purple float? "
13 text run at (369,0) width 395: "Will this happen? I'm really not sure. This is a test of some of"
14 text run at (76,16) width 476: "the strange behavior you will find when using overflow auto or scroll, etc."
15 layer at (85,108) size 707x104 clip at (87,110) size 703x100 scrollHeight 400
16 RenderBlock {DIV} at (76.88,100) size 707.13x104 [border: (2px solid #000000)]
17 RenderText {#text} at (2,2) size 147x16
18 text run at (2,2) width 147: "Does the float intrude?"
19 RenderBlock (floating) {SPAN} at (605.13,2) size 100x400 [bgcolor=#800080]
20 RenderText {#text} at (0,0) size 0x0