layer at (0,0) size 800x1440
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x1440
  RenderBlock {HTML} at (0,0) size 800x1440
    RenderBody {BODY} at (8,8) size 784x1424 [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 784x255
        RenderText {TEXT} at (0,0) size 688x240
          text run at (0,0) width 648: "BODY {background-image: url(../resources/bg.gif); background-position: right top;"
          text run at (0,15) width 288: "      background-repeat: no-repeat;}"
          text run at (0,30) width 624: ".one {background-image: url(../resources/bg.gif); background-position: center;"
          text run at (0,45) width 480: "      background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,60) width 632: ".two {background-image: url(../resources/bg.gif); background-position: 50% 50%;"
          text run at (0,75) width 480: "      background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,90) width 688: ".three {background-image: url(../resources/bg.gif); background-position: bottom right;"
          text run at (0,105) width 496: "        background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,120) width 656: ".four {background-image: url(../resources/bg.gif); background-position: 100% 100%;"
          text run at (0,135) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,150) width 632: ".five {background-image: url(../resources/bg.gif); background-position: 0% 50%;"
          text run at (0,165) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,180) width 632: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
          text run at (0,195) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
          text run at (0,210) width 600: ".seven {background-image: url(../resources/bg.gif); background-position: 20"
          text run at (600,210) width 40: "px 20"
          text run at (640,210) width 24: "px;"
          text run at (0,225) width 488: "       background-repeat: no-repeat; background-color: aqua;}"
      RenderBlock {HR} at (0,302) size 784x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,320) size 784x18
        RenderText {TEXT} at (0,0) size 503x18
          text run at (0,0) width 503: "This document should have a single, small green image in its upper right corner."
      RenderBlock {P} at (0,354) size 784x54 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 771x54
          text run at (0,0) width 771: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be fixed"
          text run at (0,18) width 191: "at the center of the paragraph. "
          text run at (191,18) width 541: "The background color will make it easier to determine the edges of the paragraph, and"
          text run at (0,36) width 262: "therefore allow you to calculate its center."
      RenderBlock {P} at (0,424) size 784x54 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 771x54
          text run at (0,0) width 771: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be fixed"
          text run at (0,18) width 191: "at the center of the paragraph. "
          text run at (191,18) width 541: "The background color will make it easier to determine the edges of the paragraph, and"
          text run at (0,36) width 262: "therefore allow you to calculate its center."
      RenderBlock {P} at (0,494) size 784x54 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 772x54
          text run at (0,0) width 772: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the image"
          text run at (0,18) width 367: "should be fixed at the lower right corner of the paragraph. "
          text run at (367,18) width 403: "The background color will make it easier to determine the edges"
          text run at (0,36) width 373: "of the paragraph, and therefore allow you to see its corners."
      RenderBlock {P} at (0,564) size 784x54 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 772x54
          text run at (0,0) width 772: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the image"
          text run at (0,18) width 367: "should be fixed at the lower right corner of the paragraph. "
          text run at (367,18) width 403: "The background color will make it easier to determine the edges"
          text run at (0,36) width 373: "of the paragraph, and therefore allow you to see its corners."
      RenderBlock {P} at (0,634) size 784x54 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 784x54
          text run at (0,0) width 768: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image should"
          text run at (0,18) width 270: "be fixed at the left center of the paragraph. "
          text run at (270,18) width 514: "The background color will make it easier to determine the edges of the paragraph,"
          text run at (0,36) width 289: "and therefore allow you to calculate its center."
      RenderBlock {P} at (0,704) size 784x54 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 778x54
          text run at (0,0) width 753: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down. "
          text run at (753,0) width 25: "The"
          text run at (0,18) width 772: "background color will make it easier to determine the edges of the paragraph, which should help in determining if all this is"
          text run at (0,36) width 607: "so, and the extra text should make the element long enough for this test to be simpler to evaluate."
      RenderBlock {P} at (0,774) size 784x72 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 783x72
          text run at (0,0) width 749: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-hand"
          text run at (0,18) width 783: "corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left corner of the"
          text run at (0,36) width 57: "element. "
          text run at (57,36) width 725: "The background color will make it easier to determine the edges of the paragraph, which should assist in evaluating"
          text run at (0,54) width 51: "this test."
      RenderTable {TABLE} at (0,862) size 784x562 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 0x560
          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,280) 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 770x534 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x18
                RenderText {TEXT} at (0,0) size 503x18
                  text run at (0,0) width 503: "This document should have a single, small green image in its upper right corner."
              RenderBlock {P} at (4,38) size 762x54 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 741x54
                  text run at (0,0) width 735: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
                  text run at (0,18) width 227: "fixed at the center of the paragraph. "
                  text run at (227,18) width 514: "The background color will make it easier to determine the edges of the paragraph,"
                  text run at (0,36) width 289: "and therefore allow you to calculate its center."
              RenderBlock {P} at (4,108) size 762x54 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 741x54
                  text run at (0,0) width 735: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be"
                  text run at (0,18) width 227: "fixed at the center of the paragraph. "
                  text run at (227,18) width 514: "The background color will make it easier to determine the edges of the paragraph,"
                  text run at (0,36) width 289: "and therefore allow you to calculate its center."
              RenderBlock {P} at (4,178) size 762x54 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 749x54
                  text run at (0,0) width 730: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
                  text run at (0,18) width 409: "image should be fixed at the lower right corner of the paragraph. "
                  text run at (409,18) width 340: "The background color will make it easier to determine"
                  text run at (0,36) width 436: "the edges of the paragraph, and therefore allow you to see its corners."
              RenderBlock {P} at (4,248) size 762x54 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 749x54
                  text run at (0,0) width 730: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the"
                  text run at (0,18) width 409: "image should be fixed at the lower right corner of the paragraph. "
                  text run at (409,18) width 340: "The background color will make it easier to determine"
                  text run at (0,36) width 436: "the edges of the paragraph, and therefore allow you to see its corners."
              RenderBlock {P} at (4,318) size 762x54 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 759x54
                  text run at (0,0) width 722: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image"
                  text run at (0,18) width 316: "should be fixed at the left center of the paragraph. "
                  text run at (316,18) width 443: "The background color will make it easier to determine the edges of the"
                  text run at (0,36) width 360: "paragraph, and therefore allow you to calculate its center."
              RenderBlock {P} at (4,388) size 762x54 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 761x54
                  text run at (0,0) width 749: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
                  text run at (0,18) width 761: "The background color will make it easier to determine the edges of the paragraph, which should help in determining if all"
                  text run at (0,36) width 647: "this is so, and the extra text should make the element long enough for this test to be simpler to evaluate."
              RenderBlock {P} at (4,458) size 762x72 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 760x72
                  text run at (0,0) width 749: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-hand"
                  text run at (0,18) width 760: "corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left corner of"
                  text run at (0,36) width 80: "the element. "
                  text run at (80,36) width 656: "The background color will make it easier to determine the edges of the paragraph, which should assist in"
                  text run at (0,54) width 120: "evaluating this test."
