layer at (0,0) size 800x600
RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x256
RenderBlock {HTML} at (0,0) size 800x256
RenderBody {BODY} at (8,8) size 784x240
RenderBlock {DIV} at (0,0) size 784x100 [bgcolor=#FFFF00]
RenderBlock (floating) {DIV} at (0,0) size 76x500 [bgcolor=#008000]
RenderText {TEXT} at (0,0) size 76x18
text run at (0,0) width 76: "Hello world"
RenderText {TEXT} at (0,0) size 0x0
RenderBlock {DIV} at (0,204) size 784x36
RenderText {TEXT} at (76,0) size 693x36
text run at (76,0) width 286: "This text should not overlap the purple float? "
text run at (362,0) width 407: "Will this happen? I'm really not sure. This is a test of some of the"
text run at (76,18) width 443: "strange behavior you will find when using overflow auto or scroll, etc."
layer at (84,108) size 708x104 clip at (86,110) size 704x100
RenderBlock {DIV} at (76,100) size 708x104 [border: (2px solid #000000)]
RenderText {TEXT} at (2,2) size 143x18
text run at (2,2) width 143: "Does the float intrude?"
RenderBlock (floating) {SPAN} at (606,2) size 100x400 [bgcolor=#800080]
RenderText {TEXT} at (0,0) size 0x0