layer at (0,0) size 800x1902
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x1902
  RenderBlock {HTML} at (0,0) size 800x1902
    RenderBody {BODY} at (8,8) size 784x1886 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 784x18
        RenderText {TEXT} at (0,0) size 355x18
          text run at (0,0) width 355: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,34) size 784x135
        RenderText {TEXT} at (0,0) size 560x120
          text run at (0,0) width 320: "P.test {background: white; font-size: 20"
          text run at (320,0) width 24: "px;"
          text run at (0,15) width 184: "        margin-left: 30"
          text run at (184,15) width 160: "px; margin-right: 10"
          text run at (344,15) width 216: "px; padding: 0; border: 0;}"
          text run at (0,30) width 312: "IMG {padding: 0; border: 0; margin: 0;}"
          text run at (0,45) width 200: "P.test IMG {float: left;}"
          text run at (0,60) width 168: "#img2 {margin-top: 30"
          text run at (168,60) width 152: "px; margin-left: 30"
          text run at (320,60) width 32: "px;}"
          text run at (0,75) width 176: "#img3 {margin-top: -30"
          text run at (176,75) width 160: "px; margin-left: -30"
          text run at (336,75) width 32: "px;}"
          text run at (0,90) width 184: "#img4 {margin-right: 30"
          text run at (184,90) width 168: "px; margin-bottom: 30"
          text run at (352,90) width 32: "px;}"
          text run at (0,105) width 192: "#img5 {margin-right: -30"
          text run at (192,105) width 176: "px; margin-bottom: -30"
          text run at (368,105) width 32: "px;}"
      RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)]
      RenderBlock {P} at (30,204) size 744x92 [bgcolor=#FFFFFF]
        RenderText {TEXT} at (0,0) size 738x92
          text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
          text run at (0,23) width 122: "element's box. "
          text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. "
          text run at (564,23) width 166: "If the background of"
          text run at (0,46) width 738: "the entire box is not white, this may cause problems with the following tests; at any rate, it"
          text run at (0,69) width 223: "must be taken into account."
      RenderBlock {P} at (30,316) size 744x115 [bgcolor=#FFFFFF]
        RenderImage {IMG} at (0,0) size 60x60
        RenderText {TEXT} at (60,0) size 741x115
          text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
          text run at (60,23) width 119: "nothing more. "
          text run at (179,23) width 540: "The edges of the white background should line up with the top and"
          text run at (60,46) width 196: "left edges of the image. "
          text run at (256,46) width 485: "This paragraph should have a white background, first of all,"
          text run at (0,69) width 397: "which extends to the edges of the element's box. "
          text run at (397,69) width 335: "There is no padding set on this paragraph"
          text run at (0,92) width 97: "whatsoever."
      RenderBlock {P} at (30,451) size 744x115 [bgcolor=#FFFFFF]
        RenderImage {IMG} at (30,30) size 60x60
        RenderText {TEXT} at (90,0) size 741x115
          text run at (90,0) width 649: "The image in the upper left corner of this paragraph should be pushed down and"
          text run at (90,23) width 651: "to the right 30 pixels each from the upper left corner of the paragraph's box, and"
          text run at (90,46) width 330: "displace the paragraph text accordingly. "
          text run at (420,46) width 288: "This paragraph should have a white"
          text run at (90,69) width 594: "background, first of all, which extends to the edges of the element's box. "
          text run at (684,69) width 47: "There"
          text run at (0,92) width 385: "is no padding set on this paragraph whatsoever."
      RenderBlock {P} at (30,586) size 744x115 [bgcolor=#FFFFFF]
        RenderImage {IMG} at (-30,-30) size 60x60
        RenderText {TEXT} at (30,0) size 739x115
          text run at (30,0) width 709: "The image in the upper left corner of this paragraph should be pushed up and to the left"
          text run at (30,23) width 709: "30 pixels each from the upper left corner of the paragraph's box, thus causing the edges"
          text run at (0,46) width 582: "of the white background to align with the thick gray lines in the image. "
          text run at (582,46) width 122: "This paragraph"
          text run at (0,69) width 715: "should have a white background, first of all, which extends to the edges of the element's"
          text run at (0,92) width 40: "box. "
          text run at (40,92) width 437: "There is no padding set on this paragraph whatsoever."
      RenderBlock {P} at (30,721) size 744x138 [bgcolor=#FFFFFF]
        RenderImage {IMG} at (0,0) size 60x60
        RenderText {TEXT} at (90,0) size 730x138
          text run at (90,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
          text run at (90,23) width 640: "the edges of the white background should line up with the top and left edges of"
          text run at (90,46) width 90: "the image. "
          text run at (180,46) width 538: "However, there should be 30 pixels of space between the right and"
          text run at (90,69) width 490: "bottom edges of the image and the paragraph text around it. "
          text run at (580,69) width 122: "This paragraph"
          text run at (0,92) width 715: "should have a white background, first of all, which extends to the edges of the element's"
          text run at (0,115) width 40: "box. "
          text run at (40,115) width 437: "There is no padding set on this paragraph whatsoever."
      RenderBlock {P} at (30,879) size 744x138 [bgcolor=#FFFFFF]
        RenderImage {IMG} at (0,0) size 60x60
        RenderText {TEXT} at (30,0) size 732x138
          text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
          text run at (30,23) width 700: "edges of the white background should line up with the top and left edges of the image."
          text run at (0,46) width 707: "However, the text should overlap the image's right and bottom sides, lining up with the"
          text run at (0,69) width 242: "thick gray lines in the image. "
          text run at (242,69) width 485: "This paragraph should have a white background, first of all,"
          text run at (0,92) width 397: "which extends to the edges of the element's box. "
          text run at (397,92) width 335: "There is no padding set on this paragraph"
          text run at (0,115) width 97: "whatsoever."
      RenderTable {TABLE} at (0,1037) size 784x849 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 0x847
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 163x18
                RenderText {TEXT} at (4,4) size 163x18
                  text run at (4,4) width 163: "TABLE Testing Section"
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,423) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderText {TEXT} at (4,4) size 4x18
                text run at (4,4) width 4: " "
            RenderTableCell {TD} at (12,26) size 770x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (34,4) size 722x92 [bgcolor=#FFFFFF]
                RenderText {TEXT} at (0,0) size 708x92
                  text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
                  text run at (0,23) width 122: "element's box. "
                  text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. "
                  text run at (564,23) width 144: "If the background"
                  text run at (0,46) width 702: "of the entire box is not white, this may cause problems with the following tests; at any"
                  text run at (0,69) width 281: "rate, it must be taken into account."
              RenderBlock {P} at (34,116) size 722x115 [bgcolor=#FFFFFF]
                RenderImage {IMG} at (0,0) size 60x60
                RenderText {TEXT} at (60,0) size 719x115
                  text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
                  text run at (60,23) width 119: "nothing more. "
                  text run at (179,23) width 540: "The edges of the white background should line up with the top and"
                  text run at (60,46) width 196: "left edges of the image. "
                  text run at (256,46) width 454: "This paragraph should have a white background, first of"
                  text run at (0,69) width 428: "all, which extends to the edges of the element's box. "
                  text run at (428,69) width 249: "There is no padding set on this"
                  text run at (0,92) width 183: "paragraph whatsoever."
              RenderBlock {P} at (34,251) size 722x115 [bgcolor=#FFFFFF]
                RenderImage {IMG} at (30,30) size 60x60
                RenderText {TEXT} at (90,0) size 718x115
                  text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down"
                  text run at (90,23) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
                  text run at (90,46) width 404: "box, and displace the paragraph text accordingly. "
                  text run at (494,46) width 224: "This paragraph should have"
                  text run at (90,69) width 613: "a white background, first of all, which extends to the edges of the element's"
                  text run at (0,92) width 40: "box. "
                  text run at (40,92) width 437: "There is no padding set on this paragraph whatsoever."
              RenderBlock {P} at (34,386) size 722x115 [bgcolor=#FFFFFF]
                RenderImage {IMG} at (-30,-30) size 60x60
                RenderText {TEXT} at (30,0) size 721x115
                  text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
                  text run at (30,23) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
                  text run at (0,46) width 633: "edges of the white background to align with the thick gray lines in the image. "
                  text run at (633,46) width 36: "This"
                  text run at (0,69) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
                  text run at (0,92) width 122: "element's box. "
                  text run at (122,92) width 437: "There is no padding set on this paragraph whatsoever."
              RenderBlock {P} at (34,521) size 722x138 [bgcolor=#FFFFFF]
                RenderImage {IMG} at (0,0) size 60x60
                RenderText {TEXT} at (90,0) size 719x138
                  text run at (90,0) width 604: "The image in the upper left corner of this paragraph should be floated left,"
                  text run at (90,23) width 601: "and the edges of the white background should line up with the top and left"
                  text run at (90,46) width 163: "edges of the image. "
                  text run at (253,46) width 460: "However, there should be 30 pixels of space between the"
                  text run at (90,69) width 568: "right and bottom edges of the image and the paragraph text around it. "
                  text run at (658,69) width 36: "This"
                  text run at (0,92) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
                  text run at (0,115) width 122: "element's box. "
                  text run at (122,115) width 437: "There is no padding set on this paragraph whatsoever."
              RenderBlock {P} at (34,679) size 722x138 [bgcolor=#FFFFFF]
                RenderImage {IMG} at (0,0) size 60x60
                RenderText {TEXT} at (30,0) size 706x138
                  text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
                  text run at (30,23) width 640: "edges of the white background should line up with the top and left edges of the"
                  text run at (0,46) width 60: "image. "
                  text run at (60,46) width 636: "However, the text should overlap the image's right and bottom sides, lining up"
                  text run at (0,69) width 313: "with the thick gray lines in the image. "
                  text run at (313,69) width 393: "This paragraph should have a white background,"
                  text run at (0,92) width 489: "first of all, which extends to the edges of the element's box. "
                  text run at (489,92) width 214: "There is no padding set on"
                  text run at (0,115) width 218: "this paragraph whatsoever."
