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 77x500 [bgcolor=#008000]
          RenderText {#text} at (0,0) size 77x18
            text run at (0,0) width 77: "Hello world"
      RenderBlock {DIV} at (0,204) size 784x36
        RenderText {#text} at (76,0) size 686x36
          text run at (76,0) width 293: "This text should not overlap the purple float? "
          text run at (368,0) width 394: "Will this happen? I'm really not sure. This is a test of some of"
          text run at (76,18) width 474: "the strange behavior you will find when using overflow auto or scroll, etc."
layer at (85,108) size 707x104 clip at (87,110) size 703x100 scrollHeight 400
  RenderBlock {DIV} at (76,100) size 708x104 [border: (2px solid #000000)]
    RenderText {#text} at (2,2) size 146x18
      text run at (2,2) width 146: "Does the float intrude?"
    RenderBlock (floating) {SPAN} at (605,2) size 101x400 [bgcolor=#800080]
    RenderText {#text} at (0,0) size 0x0