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 {P} at (0,0) size 784x18
        RenderText {#text} at (0,0) size 565x18
          text run at (0,0) width 264: "This tests caret movement across buttons. "
          text run at (264,0) width 301: "The caret should be just after the second button."
      RenderBlock {DIV} at (0,34) size 784x25
        RenderButton {INPUT} at (2,2) size 38x21 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)]
          RenderBlock (anonymous) at (8,3) size 22x15
            RenderText at (0,0) size 22x15
              text run at (0,0) width 22: "Foo"
        RenderButton {INPUT} at (44,2) size 36x21 [bgcolor=#F0F0F0] [border: (2px outset #F0F0F0)]
          RenderBlock (anonymous) at (8,3) size 20x15
            RenderText at (0,0) size 20x15
              text run at (0,0) width 20: "Bar"
        RenderText {#text} at (0,0) size 0x0
caret: position 1 of child 2 {INPUT} of child 2 {DIV} of body