layer at (0,0) size 800x1936
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x1936
  RenderBlock {HTML} at (0,0) size 800x1936
    RenderBody {BODY} at (8,8) size 784x1920 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 784x19
        RenderText {#text} at (0,0) size 354x19
          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,33) size 784x285
        RenderText {#text} at (0,0) size 709x285
          text run at (0,0) width 536: ".one {background-image: url(../resources/oransqr.gif); background-repeat: repeat-y;}"
          text run at (536,0) width 0: " "
          text run at (0,19) width 534: ".two {background-image: url(../resources/oransqr.gif); background-repeat: repeat-x;}"
          text run at (534,19) width 0: " "
          text run at (0,38) width 554: ".three {background-image: url(../resources/oransqr.gif); background-repeat: no-repeat;}"
          text run at (554,38) width 0: " "
          text run at (0,57) width 709: ".four {background-image: url(../resources/bg.gif); background-position: 50% 50%; background-repeat: repeat-y;}"
          text run at (709,57) width 0: " "
          text run at (0,76) width 561: ".five {background-image: url(../resources/crosshair2.gif); background-position: 50% 50%;"
          text run at (561,76) width 0: " "
          text run at (0,95) width 177: "       background-color: red;}"
          text run at (177,95) width 0: " "
          text run at (0,114) width 560: ".six {background-image: url(../resources/crosshair2.gif); background-position: center top;"
          text run at (560,114) width 0: " "
          text run at (0,133) width 173: "      background-color: red;}"
          text run at (173,133) width 0: " "
          text run at (0,152) width 560: ".seven {background-image: url(../resources/crosshair2.gif); background-position: top left;"
          text run at (560,152) width 0: " "
          text run at (0,171) width 181: "        background-color: red;}"
          text run at (181,171) width 0: " "
          text run at (0,190) width 586: ".eight {background-image: url(../resources/crosshair2.gif); background-position: bottom right;"
          text run at (586,190) width 0: " "
          text run at (0,209) width 181: "        background-color: red;}"
          text run at (181,209) width 0: " "
          text run at (0,228) width 566: ".nine {background-image: url(../resources/crosshair2.gif); background-position: 50% 50%;"
          text run at (566,228) width 0: " "
          text run at (0,247) width 177: "       background-color: red;}"
          text run at (177,247) width 0: " "
          text run at (0,266) width 0: " "
      RenderBlock {HR} at (0,332) size 784x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,348) size 784x57
        RenderText {#text} at (0,0) size 774x38
          text run at (0,0) width 774: "This sentence should have an orange stripe repeated in the \"y\" direction, starting at the upper left corner (since the default"
          text run at (0,19) width 21: "for "
        RenderInline {CODE} at (0,0) size 129x19
          RenderText {#text} at (21,19) size 129x19
            text run at (21,19) width 129: "background-position"
        RenderText {#text} at (150,19) size 782x38
          text run at (150,19) width 324: " is '0% 0%' and that property is not declared here). "
          text run at (474,19) width 308: "This is extra text included for the sole purpose of"
          text run at (0,38) width 192: "making the paragraph longer. "
          text run at (192,38) width 219: "Thank you for your understanding."
      RenderBlock {P} at (0,419) size 784x57
        RenderText {#text} at (0,0) size 774x38
          text run at (0,0) width 774: "This sentence should have an orange stripe repeated in the \"x\" direction, starting at the upper left corner (since the default"
          text run at (0,19) width 21: "for "
        RenderInline {CODE} at (0,0) size 129x19
          RenderText {#text} at (21,19) size 129x19
            text run at (21,19) width 129: "background-position"
        RenderText {#text} at (150,19) size 782x38
          text run at (150,19) width 324: " is '0% 0%' and that property is not declared here). "
          text run at (474,19) width 308: "This is extra text included for the sole purpose of"
          text run at (0,38) width 192: "making the paragraph longer. "
          text run at (192,38) width 219: "Thank you for your understanding."
      RenderBlock {P} at (0,490) size 784x57
        RenderText {#text} at (0,0) size 711x19
          text run at (0,0) width 711: "This sentence should have a single orange square behind it, placed at the upper left corner (since the default for"
        RenderInline {CODE} at (0,0) size 129x19
          RenderText {#text} at (0,19) size 129x19
            text run at (0,19) width 129: "background-position"
        RenderText {#text} at (129,19) size 761x38
          text run at (129,19) width 324: " is '0% 0%' and that property is not declared here). "
          text run at (453,19) width 308: "This is extra text included for the sole purpose of"
          text run at (0,38) width 192: "making the paragraph longer. "
          text run at (192,38) width 219: "Thank you for your understanding."
      RenderBlock {P} at (0,561) size 784x77
        RenderText {#text} at (0,0) size 768x38
          text run at (0,0) width 768: "This sentence should have a green-hatch stripe running vertically down the center of the paragraph, with the origin image"
          text run at (0,19) width 221: "exactly centered in the paragraph. "
          text run at (221,19) width 103: "This is because "
        RenderInline {CODE} at (0,0) size 53x19
          RenderText {#text} at (324,19) size 53x19
            text run at (324,19) width 53: "repeat-y"
        RenderText {#text} at (377,19) size 111x19
          text run at (377,19) width 111: " specifies tiling in "
        RenderInline {EM} at (0,0) size 28x19
          RenderText {#text} at (488,19) size 28x19
            text run at (488,19) width 28: "both"
        RenderText {#text} at (516,19) size 758x39
          text run at (516,19) width 158: " directions on the y-axis. "
          text run at (674,19) width 84: "Note that this"
          text run at (0,39) width 270: "test is only valid if the user agent supports "
        RenderInline {CODE} at (0,0) size 129x19
          RenderText {#text} at (270,39) size 129x19
            text run at (270,39) width 129: "background-position"
        RenderText {#text} at (399,39) size 36x19
          text run at (399,39) width 36: " (see "
        RenderInline {A} at (0,0) size 59x19 [color=#0000FF]
          RenderText {#text} at (435,39) size 59x19
            text run at (435,39) width 59: "test 5.3.6"
        RenderText {#text} at (494,39) size 778x38
          text run at (494,39) width 13: "). "
          text run at (507,39) width 271: "I'll fill the paragraph with extra text to make"
          text run at (0,58) width 306: "the conformance (or lack thereof) more obvious."
      RenderBlock {P} at (0,652) size 784x96 [bgcolor=#FF0000]
        RenderText {#text} at (0,0) size 762x19
          text run at (0,0) width 663: "This paragraph should have a tiled background, with the origin image exactly centered in the paragraph. "
          text run at (663,0) width 99: "This is because"
        RenderInline {CODE} at (0,0) size 121x19
          RenderText {#text} at (0,19) size 121x19
            text run at (0,19) width 121: "background-repeat"
        RenderText {#text} at (121,19) size 111x19
          text run at (121,19) width 111: " specifies tiling in "
        RenderInline {EM} at (0,0) size 14x19
          RenderText {#text} at (232,19) size 14x19
            text run at (232,19) width 14: "all"
        RenderText {#text} at (246,19) size 764x39
          text run at (246,19) width 363: " directions, regardless of the position of the origin image. "
          text run at (609,19) width 155: "Note that this test is only"
          text run at (0,39) width 199: "valid if the user agent supports "
        RenderInline {CODE} at (0,0) size 129x19
          RenderText {#text} at (199,39) size 129x19
            text run at (199,39) width 129: "background-position"
        RenderText {#text} at (328,39) size 36x19
          text run at (328,39) width 36: " (see "
        RenderInline {A} at (0,0) size 59x19 [color=#0000FF]
          RenderText {#text} at (364,39) size 59x19
            text run at (364,39) width 59: "test 5.3.6"
        RenderText {#text} at (423,39) size 767x57
          text run at (423,39) width 13: "). "
          text run at (436,39) width 295: "I'll fill the paragraph with extra text to make the"
          text run at (0,58) width 286: "conformance (or lack thereof) more obvious. "
          text run at (286,58) width 481: "A background color is present, although if it is visible then the image has not"
          text run at (0,77) width 116: "bee correctly tiled."
      RenderBlock {P} at (0,762) size 784x57 [bgcolor=#FF0000]
        RenderText {#text} at (0,0) size 782x57
          text run at (0,0) width 769: "This sentence should have a fully tiled background which starts at its center top; that is, the background's origin should be"
          text run at (0,19) width 284: "the exact center of the top of the paragraph. "
          text run at (284,19) width 498: "I'll fill it with extra text to make the conformance (or lack thereof) more obvious."
          text run at (0,38) width 652: "A background color is present, although if it is visible, then the image may not have been tiled correctly."
      RenderBlock {P} at (0,833) size 784x57 [bgcolor=#FF0000]
        RenderText {#text} at (0,0) size 775x57
          text run at (0,0) width 488: "This sentence should have a fully tiled background which starts at its top left. "
          text run at (488,0) width 212: "I'll fill it with extra text to make the"
          text run at (0,19) width 286: "conformance (or lack thereof) more obvious. "
          text run at (286,19) width 489: "A background color is present, although if it is visible, then the image may not"
          text run at (0,38) width 159: "have been tiled correctly."
      RenderBlock {P} at (0,904) size 784x76 [bgcolor=#FF0000]
        RenderText {#text} at (0,0) size 763x76
          text run at (0,0) width 762: "This sentence should have a fully tiled background which starts at its bottom right; in other words, a complete instance of"
          text run at (0,19) width 691: "the image should be anchored in the bottom right corner, with the tiled background extending out from there. "
          text run at (691,19) width 70: "I'll fill it with"
          text run at (0,38) width 428: "extra text to make the conformance (or lack thereof) more obvious. "
          text run at (428,38) width 335: "A background color is present, although if it is visible,"
          text run at (0,57) width 313: "then the image may not have been tiled correctly."
      RenderBlock {P} at (0,994) size 784x114 [bgcolor=#FF0000]
        RenderText {#text} at (0,0) size 773x114
          text run at (0,0) width 721: "This sentence should have a fully tiled background which starts at its center and is tiled in all directions; that is, the"
          text run at (0,19) width 414: "background's origin should be the exact center of the paragraph. "
          text run at (414,19) width 350: "I'll fill it with extra text to make the conformance (or lack"
          text run at (0,38) width 148: "thereof) more obvious. "
          text run at (148,38) width 441: "In fact, a lot of extra text will be necessary to make this at all obvious. "
          text run at (589,38) width 184: "This is true because I am not"
          text run at (0,57) width 770: "able to increase the text size without resorting to either headings or other CSS properties, neither of which I want to use in"
          text run at (0,76) width 118: "this circumstance. "
          text run at (118,76) width 242: "This ought to be enough text, though. "
          text run at (360,76) width 391: "A background color is present, although if it is visible, then the"
          text run at (0,95) width 257: "image may not have been tiled correctly."
      RenderTable {TABLE} at (0,1122) size 784x798 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 782x796
          RenderTableRow {TR} at (0,0) size 782x28
            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 159x20
                RenderText {#text} at (4,4) size 159x20
                  text run at (4,4) width 159: "TABLE Testing Section"
          RenderTableRow {TR} at (0,28) size 782x768
            RenderTableCell {TD} at (0,398) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderText {#text} at (4,4) size 4x19
                text run at (4,4) width 4: " "
            RenderTableCell {TD} at (12,28) size 770x768 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x57
                RenderText {#text} at (0,0) size 727x38
                  text run at (0,0) width 727: "This sentence should have an orange stripe repeated in the \"y\" direction, starting at the upper left corner (since the"
                  text run at (0,19) width 68: "default for "
                RenderInline {CODE} at (0,0) size 129x19
                  RenderText {#text} at (68,19) size 129x19
                    text run at (68,19) width 129: "background-position"
                RenderText {#text} at (197,19) size 757x38
                  text run at (197,19) width 324: " is '0% 0%' and that property is not declared here). "
                  text run at (521,19) width 236: "This is extra text included for the sole"
                  text run at (0,38) width 264: "purpose of making the paragraph longer. "
                  text run at (264,38) width 219: "Thank you for your understanding."
              RenderBlock {P} at (4,75) size 762x57
                RenderText {#text} at (0,0) size 727x38
                  text run at (0,0) width 727: "This sentence should have an orange stripe repeated in the \"x\" direction, starting at the upper left corner (since the"
                  text run at (0,19) width 68: "default for "
                RenderInline {CODE} at (0,0) size 129x19
                  RenderText {#text} at (68,19) size 129x19
                    text run at (68,19) width 129: "background-position"
                RenderText {#text} at (197,19) size 757x38
                  text run at (197,19) width 324: " is '0% 0%' and that property is not declared here). "
                  text run at (521,19) width 236: "This is extra text included for the sole"
                  text run at (0,38) width 264: "purpose of making the paragraph longer. "
                  text run at (264,38) width 219: "Thank you for your understanding."
              RenderBlock {P} at (4,146) size 762x57
                RenderText {#text} at (0,0) size 711x19
                  text run at (0,0) width 711: "This sentence should have a single orange square behind it, placed at the upper left corner (since the default for"
                RenderInline {CODE} at (0,0) size 129x19
                  RenderText {#text} at (0,19) size 129x19
                    text run at (0,19) width 129: "background-position"
                RenderText {#text} at (129,19) size 761x38
                  text run at (129,19) width 324: " is '0% 0%' and that property is not declared here). "
                  text run at (453,19) width 308: "This is extra text included for the sole purpose of"
                  text run at (0,38) width 192: "making the paragraph longer. "
                  text run at (192,38) width 219: "Thank you for your understanding."
              RenderBlock {P} at (4,217) size 762x77
                RenderText {#text} at (0,0) size 725x38
                  text run at (0,0) width 725: "This sentence should have a green-hatch stripe running vertically down the center of the paragraph, with the origin"
                  text run at (0,19) width 264: "image exactly centered in the paragraph. "
                  text run at (264,19) width 103: "This is because "
                RenderInline {CODE} at (0,0) size 53x19
                  RenderText {#text} at (367,19) size 53x19
                    text run at (367,19) width 53: "repeat-y"
                RenderText {#text} at (420,19) size 111x19
                  text run at (420,19) width 111: " specifies tiling in "
                RenderInline {EM} at (0,0) size 28x19
                  RenderText {#text} at (531,19) size 28x19
                    text run at (531,19) width 28: "both"
                RenderText {#text} at (559,19) size 747x39
                  text run at (559,19) width 158: " directions on the y-axis. "
                  text run at (717,19) width 30: "Note"
                  text run at (0,39) width 324: "that this test is only valid if the user agent supports "
                RenderInline {CODE} at (0,0) size 129x19
                  RenderText {#text} at (324,39) size 129x19
                    text run at (324,39) width 129: "background-position"
                RenderText {#text} at (453,39) size 36x19
                  text run at (453,39) width 36: " (see "
                RenderInline {A} at (0,0) size 59x19 [color=#0000FF]
                  RenderText {#text} at (489,39) size 59x19
                    text run at (489,39) width 59: "test 5.3.6"
                RenderText {#text} at (548,39) size 750x38
                  text run at (548,39) width 13: "). "
                  text run at (561,39) width 189: "I'll fill the paragraph with extra"
                  text run at (0,58) width 388: "text to make the conformance (or lack thereof) more obvious."
              RenderBlock {P} at (4,308) size 762x96 [bgcolor=#FF0000]
                RenderText {#text} at (0,0) size 762x19
                  text run at (0,0) width 663: "This paragraph should have a tiled background, with the origin image exactly centered in the paragraph. "
                  text run at (663,0) width 99: "This is because"
                RenderInline {CODE} at (0,0) size 121x19
                  RenderText {#text} at (0,19) size 121x19
                    text run at (0,19) width 121: "background-repeat"
                RenderText {#text} at (121,19) size 111x19
                  text run at (121,19) width 111: " specifies tiling in "
                RenderInline {EM} at (0,0) size 14x19
                  RenderText {#text} at (232,19) size 14x19
                    text run at (232,19) width 14: "all"
                RenderText {#text} at (246,19) size 734x39
                  text run at (246,19) width 363: " directions, regardless of the position of the origin image. "
                  text run at (609,19) width 125: "Note that this test is"
                  text run at (0,39) width 229: "only valid if the user agent supports "
                RenderInline {CODE} at (0,0) size 129x19
                  RenderText {#text} at (229,39) size 129x19
                    text run at (229,39) width 129: "background-position"
                RenderText {#text} at (358,39) size 36x19
                  text run at (358,39) width 36: " (see "
                RenderInline {A} at (0,0) size 59x19 [color=#0000FF]
                  RenderText {#text} at (394,39) size 59x19
                    text run at (394,39) width 59: "test 5.3.6"
                RenderText {#text} at (453,39) size 761x57
                  text run at (453,39) width 13: "). "
                  text run at (466,39) width 295: "I'll fill the paragraph with extra text to make the"
                  text run at (0,58) width 286: "conformance (or lack thereof) more obvious. "
                  text run at (286,58) width 457: "A background color is present, although if it is visible then the image has"
                  text run at (0,77) width 140: "not bee correctly tiled."
              RenderBlock {P} at (4,418) size 762x57 [bgcolor=#FF0000]
                RenderText {#text} at (0,0) size 749x57
                  text run at (0,0) width 749: "This sentence should have a fully tiled background which starts at its center top; that is, the background's origin should"
                  text run at (0,19) width 304: "be the exact center of the top of the paragraph. "
                  text run at (304,19) width 441: "I'll fill it with extra text to make the conformance (or lack thereof) more"
                  text run at (0,38) width 57: "obvious. "
                  text run at (57,38) width 652: "A background color is present, although if it is visible, then the image may not have been tiled correctly."
              RenderBlock {P} at (4,489) size 762x57 [bgcolor=#FF0000]
                RenderText {#text} at (0,0) size 751x57
                  text run at (0,0) width 488: "This sentence should have a fully tiled background which starts at its top left. "
                  text run at (488,0) width 212: "I'll fill it with extra text to make the"
                  text run at (0,19) width 286: "conformance (or lack thereof) more obvious. "
                  text run at (286,19) width 465: "A background color is present, although if it is visible, then the image may"
                  text run at (0,38) width 183: "not have been tiled correctly."
              RenderBlock {P} at (4,560) size 762x76 [bgcolor=#FF0000]
                RenderText {#text} at (0,0) size 762x76
                  text run at (0,0) width 762: "This sentence should have a fully tiled background which starts at its bottom right; in other words, a complete instance of"
                  text run at (0,19) width 691: "the image should be anchored in the bottom right corner, with the tiled background extending out from there. "
                  text run at (691,19) width 70: "I'll fill it with"
                  text run at (0,38) width 428: "extra text to make the conformance (or lack thereof) more obvious. "
                  text run at (428,38) width 288: "A background color is present, although if it is"
                  text run at (0,57) width 360: "visible, then the image may not have been tiled correctly."
              RenderBlock {P} at (4,650) size 762x114 [bgcolor=#FF0000]
                RenderText {#text} at (0,0) size 760x114
                  text run at (0,0) width 721: "This sentence should have a fully tiled background which starts at its center and is tiled in all directions; that is, the"
                  text run at (0,19) width 414: "background's origin should be the exact center of the paragraph. "
                  text run at (414,19) width 321: "I'll fill it with extra text to make the conformance (or"
                  text run at (0,38) width 177: "lack thereof) more obvious. "
                  text run at (177,38) width 441: "In fact, a lot of extra text will be necessary to make this at all obvious. "
                  text run at (618,38) width 136: "This is true because I"
                  text run at (0,57) width 760: "am not able to increase the text size without resorting to either headings or other CSS properties, neither of which I want"
                  text run at (0,76) width 176: "to use in this circumstance. "
                  text run at (176,76) width 242: "This ought to be enough text, though. "
                  text run at (418,76) width 335: "A background color is present, although if it is visible,"
                  text run at (0,95) width 313: "then the image may not have been tiled correctly."
