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 784x19
        RenderText {#text} at (0,0) size 460x19
          text run at (0,0) width 460: "the purple text input control must be in the same line with the grey image"
      RenderTable {TABLE} at (0,19) size 308x47
        RenderTableSection {TBODY} at (0,0) size 308x47
          RenderTableRow {TR} at (0,2) size 308x43
            RenderTableCell {TD} at (2,2) size 304x43 [bgcolor=#CCDDFF] [border: (1px solid #000000)] [r=0 c=0 rs=1 cs=1]
              RenderTextControl {INPUT} at (3,15) size 168x25 [border: (2px inset #000000)]
              RenderImage {IMG} at (174,4) size 126x26 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
layer at (16,47) size 162x19
  RenderBlock {DIV} at (3,3) size 162x19
