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 [bgcolor=#FFFFFF]
      RenderBlock (anonymous) at (0,0) size 784x18
        RenderText {#text} at (0,0) size 458x19
          text run at (0,0) width 458: "the purple text input control must be in the same line with the grey image"
      RenderTable {TABLE} at (0,18) size 334x45
        RenderTableSection {TBODY} at (0,0) size 334x45
          RenderTableRow {TR} at (0,2) size 334x41
            RenderTableCell {TD} at (2,2) size 330x41 [bgcolor=#CCDDFF] [border: (1px solid #000000)] [r=0 c=0 rs=1 cs=1]
              RenderTextControl {INPUT} at (3,14) size 194x24 [bgcolor=#CCAAFF] [border: (2px inset #000000)]
              RenderImage {IMG} at (200,4) size 126x26 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
layer at (16,45) size 188x18
  RenderBlock {DIV} at (3,3) size 188x18
