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 784x212 [border: (2px solid #0000FF)]
        RenderBlock {DIV} at (14,14) size 756x56
          RenderText {TEXT} at (0,0) size 67x28
            text run at (0,0) width 67: "Tests: "
          RenderBR {BR} at (0,0) size 0x0
          RenderText {TEXT} at (0,28) size 600x28
            text run at (0,28) width 600: "Style checks performed on boundaries between style changes."
        RenderBlock {DIV} at (14,86) size 756x112
          RenderBlock (anonymous) at (0,0) size 756x56
            RenderText {TEXT} at (0,0) size 189x28
              text run at (0,0) width 189: "Expected Results: "
            RenderBR {BR} at (0,0) size 0x0
            RenderText {TEXT} at (0,28) size 436x28
              text run at (0,28) width 436: "Should see this content in the red box below:"
            RenderInline {B} at (0,0) size 0x0
          RenderBlock (anonymous) at (0,56) size 756x56
            RenderBlock {DIV} at (0,0) size 756x28
              RenderText {TEXT} at (0,0) size 12x28
                text run at (0,0) width 12: "a"
            RenderBlock {DIV} at (0,28) size 756x28
              RenderText {TEXT} at (0,0) size 13x28
                text run at (0,0) width 13: "b"
          RenderBlock (anonymous) at (0,112) size 756x0
            RenderInline {B} at (0,0) size 0x0
            RenderText {TEXT} at (0,0) size 0x0
      RenderBlock {DIV} at (0,236) size 784x60
        RenderBlock {DIV} at (0,0) size 784x60 [border: (2px solid #FF0000)]
          RenderBlock {DIV} at (2,2) size 780x28
            RenderInline {B} at (0,0) size 12x28
              RenderText {TEXT} at (0,0) size 12x28
                text run at (0,0) width 12: "a"
          RenderBlock {DIV} at (2,30) size 780x28
            RenderInline {B} at (0,0) size 13x28
              RenderText {TEXT} at (0,0) size 13x28
                text run at (0,0) width 13: "b"
selection is RANGE:
start:      position 1 of child 1 {TEXT} of child 1 {B} of child 1 {DIV} of child 1 {DIV} of root {DIV}
upstream:   position 1 of child 1 {TEXT} of child 1 {B} of child 1 {DIV} of child 1 {DIV} of root {DIV}
downstream: position 1 of child 1 {TEXT} of child 1 {B} of child 1 {DIV} of child 1 {DIV} of root {DIV}
end:        position 1 of child 1 {TEXT} of child 1 {B} of child 2 {DIV} of child 1 {DIV} of root {DIV}
upstream:   position 1 of child 1 {TEXT} of child 1 {B} of child 2 {DIV} of child 1 {DIV} of root {DIV}
downstream: position 1 of child 1 {TEXT} of child 1 {B} of child 2 {DIV} of child 1 {DIV} of root {DIV}