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 (anonymous) at (0,0) size 784x20
        RenderText {#text} at (0,0) size 223x19
          text run at (0,0) width 223: "this table should be center aligned "
        RenderBR {BR} at (222,15) size 1x0
      RenderTable {TABLE} at (376,20) size 32x30 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 30x28
          RenderTableRow {TR} at (0,2) size 30x24
            RenderTableCell {TD} at (2,2) size 26x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
              RenderText {#text} at (2,2) size 22x19
                text run at (2,2) width 22: "foo"
      RenderBlock (anonymous) at (0,50) size 784x20
        RenderText {#text} at (0,0) size 467x19
          text run at (0,0) width 467: "this div should be center aligned with an image and a table centered in it "
        RenderBR {BR} at (466,15) size 1x0
      RenderBlock {DIV} at (0,70) size 784x80
        RenderBlock (anonymous) at (0,0) size 784x50
          RenderImage {IMG} at (367,0) size 50x50
          RenderText {#text} at (0,0) size 0x0
        RenderTable {TABLE} at (92,50) size 600x30 [border: (1px outset #808080)]
          RenderTableSection {TBODY} at (1,1) size 598x28
            RenderTableRow {TR} at (0,2) size 598x24
              RenderTableCell {TD} at (2,2) size 594x24 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
                RenderText {#text} at (2,2) size 22x19
                  text run at (2,2) width 22: "foo"