layer at (0,0) size 800x600
  RenderCanvas 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 784x194 [border: (2px solid #FF0000)]
        RenderBlock {DIV} at (14,14) size 756x166
          RenderTable {TABLE} at (0,0) size 64x166 [border: (1px outset #808080)]
            RenderTableSection {TBODY} at (1,1) size 0x164
              RenderTableRow {TR} at (0,0) size 0x0
                RenderTableCell {TD} at (2,2) size 58x54 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                  RenderText {TEXT} at (13,13) size 32x28
                    text run at (13,13) width 32: "foo"
              RenderTableRow {TR} at (0,0) size 0x0
                RenderTableCell {TD} at (2,69) size 58x26 [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderTableRow {TR} at (0,0) size 0x0
                RenderTableCell {TD} at (2,108) size 58x54 [border: (1px inset #808080)] [r=2 c=0 rs=1 cs=1]
                  RenderText {TEXT} at (13,13) size 31x28
                    text run at (13,13) width 31: "bar"
selection is CARET:
start:      position 3 of child 1 {TEXT} of child 1 {TD} of child 3 {TR} of child 2 {TBODY} of child 1 {TABLE} of child 2 {DIV} of root {DIV}
upstream:   position 3 of child 1 {TEXT} of child 1 {TD} of child 3 {TR} of child 2 {TBODY} of child 1 {TABLE} of child 2 {DIV} of root {DIV}
downstream: position 3 of child 1 {TEXT} of child 1 {TD} of child 3 {TR} of child 2 {TBODY} of child 1 {TABLE} of child 2 {DIV} of root {DIV}