layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x184
  RenderBlock {HTML} at (0,0) size 800x184
    RenderBody {BODY} at (8,16) size 784x153
      RenderBlock {P} at (0,0) size 784x20
        RenderText {#text} at (0,0) size 276x19
          text run at (0,0) width 276: "There should be two boxes of green below."
      RenderBlock {DIV} at (15,36) size 96x51 [color=#008000] [bgcolor=#FF0000] [border: (3px solid #000000)]
        RenderBlock (floating) {SPAN} at (3,3) size 45x30
          RenderText {#text} at (0,0) size 30x30
            text run at (0,0) width 30: "X"
        RenderText {#text} at (48,3) size 90x45
          text run at (48,3) width 45: "x x"
          text run at (48,18) width 30: "xx"
          text run at (3,33) width 45: "x x"
      RenderBlock {DIV} at (15,102) size 96x51 [color=#008000] [bgcolor=#FF0000] [border: (3px solid #000000)]
        RenderBlock (floating) {SPAN} at (3,3) size 45x30 [bgcolor=#008000]
          RenderText {#text} at (0,0) size 30x30
            text run at (0,0) width 30: "X"
        RenderText {#text} at (48,3) size 90x45
          text run at (48,3) width 45: "x x"
          text run at (48,18) width 30: "xx"
          text run at (3,33) width 45: "x x"
