layer at (0,0) size 800x600
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x180
  RenderBlock {HTML} at (0,0) size 800x180
    RenderBody {BODY} at (8,14) size 784x151
      RenderBlock {P} at (0,0) size 784x19
        RenderText {#text} at (0,0) size 274x19
          text run at (0,0) width 274: "There should be two boxes of green below."
      RenderBlock {DIV} at (15,34) size 96x51 [color=#008000] [bgcolor=#FF0000] [border: (3px solid #000000)]
        RenderBlock (floating) {SPAN} at (3,3) size 45x30
          RenderText {#text} at (0,0) size 30x31
            text run at (0,0) width 30: "X"
        RenderText {#text} at (48,3) size 90x46
          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,100) 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 30x31
            text run at (0,0) width 30: "X"
        RenderText {#text} at (48,3) size 90x46
          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"