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 {DIV} at (0,0) size 784x18
        RenderText {#text} at (0,0) size 36x18
          text run at (0,0) width 36: "Both "
        RenderText {#text} at (0,0) size 0x0
layer at (8,8) size 55x22
  RenderInline (relative positioned) {A} at (0,0) size 55x22 [color=#0000EE] [border: (2px solid #FF0000)]
    RenderText {#text} at (37,0) size 51x18
      text run at (37,0) width 51: "this and"
layer at (45,168) size 289x22
  RenderBlock (positioned) {SPAN} at (2,162) size 290x22 [border: (2px solid #0000FF)]
    RenderText {#text} at (2,2) size 286x18
      text run at (2,2) width 286: "this should have correctly placed focus rings"