| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x584 |
| RenderBlock {DIV} at (0,0) size 784x100 [bgcolor=#FFFF00] |
| RenderBlock (floating) {DIV} at (0,0) size 70x500 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 70x19 |
| text run at (0,0) width 70: "Hello world" |
| RenderBlock {DIV} at (0,204) size 784x38 |
| RenderText {#text} at (70,0) size 694x38 |
| text run at (70,0) width 286: "This text should not overlap the purple float? " |
| text run at (356,0) width 408: "Will this happen? I'm really not sure. This is a test of some of the" |
| text run at (70,19) width 434: "strange behavior you will find when using overflow auto or scroll, etc." |
| layer at (78,108) size 714x104 clip at (80,110) size 710x100 scrollHeight 400 |
| RenderBlock {DIV} at (70,100) size 714x104 [border: (2px solid #000000)] |
| RenderText {#text} at (2,2) size 144x19 |
| text run at (2,2) width 144: "Does the float intrude?" |
| RenderBlock (floating) {SPAN} at (612,2) size 100x400 [bgcolor=#800080] |
| RenderText {#text} at (0,0) size 0x0 |