2009-08-31 Andras Becsi <becsi.andras@stud.u-szeged.hu>
authorzoltan@webkit.org <zoltan@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 31 Aug 2009 11:17:08 +0000 (11:17 +0000)
committerzoltan@webkit.org <zoltan@webkit.org@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Mon, 31 Aug 2009 11:17:08 +0000 (11:17 +0000)
        Reviewed by Ariya Hidayat.

        [Qt] Update outdated font metrics for these css1 tests.

        * platform/qt/Skipped:
        * platform/qt/css1/color_and_background/background-expected.txt:
        * platform/qt/css1/color_and_background/background_attachment-expected.txt:
        * platform/qt/css1/color_and_background/background_color-expected.txt:
        * platform/qt/css1/color_and_background/background_image-expected.txt:
        * platform/qt/css1/color_and_background/background_position-expected.txt:
        * platform/qt/css1/color_and_background/background_repeat-expected.txt:
        * platform/qt/css1/color_and_background/color-expected.txt:
        * platform/qt/css1/conformance/forward_compatible_parsing-expected.txt:

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@47891 268f45cc-cd09-0410-ab3c-d52691b4dbfc

LayoutTests/ChangeLog
LayoutTests/platform/qt/Skipped
LayoutTests/platform/qt/css1/color_and_background/background-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_attachment-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_color-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_image-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_position-expected.txt
LayoutTests/platform/qt/css1/color_and_background/background_repeat-expected.txt
LayoutTests/platform/qt/css1/color_and_background/color-expected.txt
LayoutTests/platform/qt/css1/conformance/forward_compatible_parsing-expected.txt

index d508293..e2c50cd 100644 (file)
@@ -1,3 +1,19 @@
+2009-08-31  Andras Becsi  <becsi.andras@stud.u-szeged.hu>
+
+        Reviewed by Ariya Hidayat.
+
+        [Qt] Update outdated font metrics for these css1 tests.
+
+        * platform/qt/Skipped:
+        * platform/qt/css1/color_and_background/background-expected.txt:
+        * platform/qt/css1/color_and_background/background_attachment-expected.txt:
+        * platform/qt/css1/color_and_background/background_color-expected.txt:
+        * platform/qt/css1/color_and_background/background_image-expected.txt:
+        * platform/qt/css1/color_and_background/background_position-expected.txt:
+        * platform/qt/css1/color_and_background/background_repeat-expected.txt:
+        * platform/qt/css1/color_and_background/color-expected.txt:
+        * platform/qt/css1/conformance/forward_compatible_parsing-expected.txt:
+
 2009-08-31  Renata Hodovan  <hodovan.renata@stud.u-szeged.hu>
 
         Reviewed by Ariya Hidayat.
index d9676a9..216b4c8 100644 (file)
@@ -1095,14 +1095,6 @@ fast/loader/stop-provisional-loads.html
 # Skip tests with metrics for now
 animations/animation-drt-api.html
 animations/animation-drt-api-multiple-keyframes.html
-css1/color_and_background/background_attachment.html
-css1/color_and_background/background_color.html
-css1/color_and_background/background.html
-css1/color_and_background/background_image.html
-css1/color_and_background/background_position.html
-css1/color_and_background/background_repeat.html
-css1/color_and_background/color.html
-css1/conformance/forward_compatible_parsing.html
 css1/formatting_model/canvas.html
 css1/formatting_model/floating_elements.html
 css1/formatting_model/height_of_lines.html
index 9eb4309..7c959c8 100644 (file)
@@ -1,90 +1,93 @@
-layer at (0,0) size 800x747
+layer at (0,0) size 800x677
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x747
-  RenderBlock {HTML} at (0,0) size 800x747
-    RenderBody {BODY} at (8,8) size 784x731 [bgcolor=#008000]
-      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 784x76
-        RenderText {#text} at (0,0) size 513x76
-          text run at (0,0) width 513: "BODY {background: green url(../resources/oransqr.gif) repeat-x center top fixed;}"
-          text run at (513,0) width 0: " "
-          text run at (0,19) width 453: ".one {background: lime url(../resources/oransqr.gif) repeat-y 100% 0%;}"
-          text run at (453,19) width 0: " "
-          text run at (0,38) width 455: ".two {background: lime url(../resources/oransqr.gif) repeat-y center top;}"
-          text run at (455,38) width 0: " "
-          text run at (0,57) width 445: ".three {background: lime url(../resources/oransqr.gif) repeat-x left top;}"
-          text run at (445,57) width 0: " "
-      RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,139) size 784x57
-        RenderText {#text} at (0,0) size 739x19
-          text run at (0,0) width 739: "This document should have a green background with an orange strip running across the entire top of the page, since"
-        RenderInline {CODE} at (0,0) size 53x19
-          RenderText {#text} at (0,19) size 53x19
-            text run at (0,19) width 53: "repeat-x"
-        RenderText {#text} at (53,19) size 775x38
-          text run at (53,19) width 294: " indicates tiling in both directions of the x-axis. "
-          text run at (347,19) width 300: "Furthermore, the strip should be fixed in place. "
-          text run at (647,19) width 128: "I'll have to add extra"
-          text run at (0,38) width 458: "text at the end of this page to make it long enough to scroll conveniently."
-      RenderBlock {P} at (0,210) size 784x57 [bgcolor=#00FF00]
-        RenderText {#text} at (0,0) size 761x57
-          text run at (0,0) width 754: "This paragraph should have a lime background and an orange strip which starts at the top right and runs to the bottom."
-          text run at (0,19) width 761: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
-          text run at (0,38) width 124: "these declarations. "
-          text run at (124,38) width 305: "Hey, I didn't say the page would be pretty, did I?"
-      RenderBlock {P} at (0,281) size 784x57 [bgcolor=#00FF00]
-        RenderText {#text} at (0,0) size 766x57
-          text run at (0,0) width 766: "This paragraph should have a lime background and an orange strip which starts at the center top and runs to the bottom."
-          text run at (0,19) width 761: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
-          text run at (0,38) width 124: "these declarations. "
-          text run at (124,38) width 305: "Hey, I didn't say the page would be pretty, did I?"
-      RenderBlock {P} at (0,352) size 784x57 [bgcolor=#00FF00]
-        RenderText {#text} at (0,0) size 761x57
-          text run at (0,0) width 753: "This paragraph should have a lime background and an orange strip which starts at the top left and runs to the top right."
-          text run at (0,19) width 761: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
-          text run at (0,38) width 124: "these declarations. "
-          text run at (124,38) width 305: "Hey, I didn't say the page would be pretty, did I?"
-      RenderTable {TABLE} at (0,423) size 784x308 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x306
-          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 782x278
-            RenderTableCell {TD} at (0,153) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x677
+  RenderBlock {HTML} at (0,0) size 800x677
+    RenderBody {BODY} at (8,8) size 784x661 [bgcolor=#008000]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x68
+        RenderText {#text} at (0,0) size 465x68
+          text run at (0,0) width 465: "BODY {background: green url(../resources/oransqr.gif) repeat-x center top fixed;}"
+          text run at (465,0) width 0: " "
+          text run at (0,17) width 411: ".one {background: lime url(../resources/oransqr.gif) repeat-y 100% 0%;}"
+          text run at (411,17) width 0: " "
+          text run at (0,34) width 412: ".two {background: lime url(../resources/oransqr.gif) repeat-y center top;}"
+          text run at (412,34) width 0: " "
+          text run at (0,51) width 403: ".three {background: lime url(../resources/oransqr.gif) repeat-x left top;}"
+          text run at (403,51) width 0: " "
+      RenderBlock {HR} at (0,111) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,126) size 784x51
+        RenderText {#text} at (0,0) size 676x17
+          text run at (0,0) width 676: "This document should have a green background with an orange strip running across the entire top of the page, since "
+        RenderInline {CODE} at (0,0) size 47x17
+          RenderText {#text} at (676,0) size 47x17
+            text run at (676,0) width 47: "repeat-x"
+        RenderText {#text} at (723,0) size 780x51
+          text run at (723,0) width 56: " indicates"
+          text run at (0,17) width 214: "tiling in both directions of the x-axis. "
+          text run at (214,17) width 274: "Furthermore, the strip should be fixed in place. "
+          text run at (488,17) width 292: "I'll have to add extra text at the end of this page to"
+          text run at (0,34) width 248: "make it long enough to scroll conveniently."
+      RenderBlock {P} at (0,190) size 784x51 [bgcolor=#00FF00]
+        RenderText {#text} at (0,0) size 783x51
+          text run at (0,0) width 690: "This paragraph should have a lime background and an orange strip which starts at the top right and runs to the bottom. "
+          text run at (690,0) width 92: "Therefore, extra"
+          text run at (0,17) width 714: "text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations. "
+          text run at (714,17) width 69: "Hey, I didn't"
+          text run at (0,34) width 207: "say the page would be pretty, did I?"
+      RenderBlock {P} at (0,254) size 784x51 [bgcolor=#00FF00]
+        RenderText {#text} at (0,0) size 782x51
+          text run at (0,0) width 701: "This paragraph should have a lime background and an orange strip which starts at the center top and runs to the bottom. "
+          text run at (701,0) width 59: "Therefore,"
+          text run at (0,17) width 747: "extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations. "
+          text run at (747,17) width 35: "Hey, I"
+          text run at (0,34) width 241: "didn't say the page would be pretty, did I?"
+      RenderBlock {P} at (0,318) size 784x51 [bgcolor=#00FF00]
+        RenderText {#text} at (0,0) size 783x51
+          text run at (0,0) width 690: "This paragraph should have a lime background and an orange strip which starts at the top left and runs to the top right. "
+          text run at (690,0) width 92: "Therefore, extra"
+          text run at (0,17) width 714: "text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations. "
+          text run at (714,17) width 69: "Hey, I didn't"
+          text run at (0,34) width 207: "say the page would be pretty, did I?"
+      RenderTable {TABLE} at (0,382) size 784x279 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x277
+          RenderTableRow {TR} at (0,0) size 782x26
+            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 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x251
+            RenderTableCell {TD} at (0,139) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x278 [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 739x19
-                  text run at (0,0) width 739: "This document should have a green background with an orange strip running across the entire top of the page, since"
-                RenderInline {CODE} at (0,0) size 53x19
-                  RenderText {#text} at (0,19) size 53x19
-                    text run at (0,19) width 53: "repeat-x"
-                RenderText {#text} at (53,19) size 739x38
-                  text run at (53,19) width 294: " indicates tiling in both directions of the x-axis. "
-                  text run at (347,19) width 300: "Furthermore, the strip should be fixed in place. "
-                  text run at (647,19) width 92: "I'll have to add"
-                  text run at (0,38) width 494: "extra text at the end of this page to make it long enough to scroll conveniently."
-              RenderBlock {P} at (4,75) size 762x57 [bgcolor=#00FF00]
-                RenderText {#text} at (0,0) size 761x57
-                  text run at (0,0) width 754: "This paragraph should have a lime background and an orange strip which starts at the top right and runs to the bottom."
-                  text run at (0,19) width 761: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
-                  text run at (0,38) width 124: "these declarations. "
-                  text run at (124,38) width 305: "Hey, I didn't say the page would be pretty, did I?"
-              RenderBlock {P} at (4,146) size 762x57 [bgcolor=#00FF00]
-                RenderText {#text} at (0,0) size 755x57
-                  text run at (0,0) width 714: "This paragraph should have a lime background and an orange strip which starts at the center top and runs to the"
-                  text run at (0,19) width 52: "bottom. "
-                  text run at (52,19) width 703: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in"
-                  text run at (0,38) width 182: "handling these declarations. "
-                  text run at (182,38) width 305: "Hey, I didn't say the page would be pretty, did I?"
-              RenderBlock {P} at (4,217) size 762x57 [bgcolor=#00FF00]
-                RenderText {#text} at (0,0) size 761x57
-                  text run at (0,0) width 753: "This paragraph should have a lime background and an orange strip which starts at the top left and runs to the top right."
-                  text run at (0,19) width 761: "Therefore, extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling"
-                  text run at (0,38) width 124: "these declarations. "
-                  text run at (124,38) width 305: "Hey, I didn't say the page would be pretty, did I?"
+            RenderTableCell {TD} at (12,26) size 770x251 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x51
+                RenderText {#text} at (0,0) size 676x17
+                  text run at (0,0) width 676: "This document should have a green background with an orange strip running across the entire top of the page, since "
+                RenderInline {CODE} at (0,0) size 47x17
+                  RenderText {#text} at (676,0) size 47x17
+                    text run at (676,0) width 47: "repeat-x"
+                RenderText {#text} at (0,17) size 749x34
+                  text run at (0,17) width 270: "indicates tiling in both directions of the x-axis. "
+                  text run at (270,17) width 274: "Furthermore, the strip should be fixed in place. "
+                  text run at (544,17) width 205: "I'll have to add extra text at the end"
+                  text run at (0,34) width 335: "of this page to make it long enough to scroll conveniently."
+              RenderBlock {P} at (4,68) size 762x51 [bgcolor=#00FF00]
+                RenderText {#text} at (0,0) size 749x51
+                  text run at (0,0) width 690: "This paragraph should have a lime background and an orange strip which starts at the top right and runs to the bottom. "
+                  text run at (690,0) width 59: "Therefore,"
+                  text run at (0,17) width 743: "extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations."
+                  text run at (0,34) width 280: "Hey, I didn't say the page would be pretty, did I?"
+              RenderBlock {P} at (4,132) size 762x51 [bgcolor=#00FF00]
+                RenderText {#text} at (0,0) size 760x51
+                  text run at (0,0) width 701: "This paragraph should have a lime background and an orange strip which starts at the center top and runs to the bottom. "
+                  text run at (701,0) width 59: "Therefore,"
+                  text run at (0,17) width 743: "extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations."
+                  text run at (0,34) width 280: "Hey, I didn't say the page would be pretty, did I?"
+              RenderBlock {P} at (4,196) size 762x51 [bgcolor=#00FF00]
+                RenderText {#text} at (0,0) size 749x51
+                  text run at (0,0) width 690: "This paragraph should have a lime background and an orange strip which starts at the top left and runs to the top right. "
+                  text run at (690,0) width 59: "Therefore,"
+                  text run at (0,17) width 743: "extra text would be in order, so that we can intelligently evaluate the performance of your browser in handling these declarations."
+                  text run at (0,34) width 280: "Hey, I didn't say the page would be pretty, did I?"
index 07b7404..1d86265 100644 (file)
-layer at (0,0) size 800x1234
+layer at (0,0) size 800x1074
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1234
-  RenderBlock {HTML} at (0,0) size 800x1234
-    RenderBody {BODY} at (8,8) size 784x1218 [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 784x38
-        RenderText {#text} at (0,0) size 711x38
-          text run at (0,0) width 711: "BODY {background-image: url(../resources/bg.gif); background-repeat: repeat-x; background-attachment: fixed;}"
-          text run at (711,0) width 0: " "
-          text run at (0,19) width 0: " "
-      RenderBlock {HR} at (0,85) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,101) size 784x95
-        RenderText {#text} at (0,0) size 778x95
-          text run at (0,0) width 775: "This document should have a green grid-pattern line across the top of the page (or at least a tiled background) which does"
-          text run at (0,19) width 195: "NOT scroll with the document. "
-          text run at (195,19) width 583: "It should, instead, appear to be a fixed pattern past which the content scrolls, even when the"
-          text run at (0,38) width 178: "end of the page is reached. "
-          text run at (178,38) width 588: "In addition, the default Test Suite background should NOT appear, as it's been overridden by"
-          text run at (0,57) width 156: "the styles shown above. "
-          text run at (156,57) width 601: "I'll have to add a lot of extra text to the page in order to make all this something we can actually"
-          text run at (0,76) width 45: "check. "
-          text run at (45,76) width 217: "Don't worry, I'll think of something."
-      RenderBlock {P} at (0,210) size 784x19
-        RenderText {#text} at (0,0) size 504x19
-          text run at (0,0) width 415: "In fact, why not the relevant section from the CSS1 specification? "
-          text run at (415,0) width 89: "A capital idea."
-      RenderBlock {HR} at (0,243) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {HR} at (0,252) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {H4} at (0,272) size 784x20
-        RenderInline {A} at (0,0) size 219x20
-          RenderText {#text} at (0,0) size 219x20
-            text run at (0,0) width 219: "5.3.5    'background-attachment'"
+layer at (0,0) size 800x1074
+  RenderBlock {HTML} at (0,0) size 800x1074
+    RenderBody {BODY} at (8,8) size 784x1058 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x34
+        RenderText {#text} at (0,0) size 644x34
+          text run at (0,0) width 644: "BODY {background-image: url(../resources/bg.gif); background-repeat: repeat-x; background-attachment: fixed;}"
+          text run at (644,0) width 0: " "
+          text run at (0,17) width 0: " "
+      RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,92) size 784x68
+        RenderText {#text} at (0,0) size 783x68
+          text run at (0,0) width 771: "This document should have a green grid-pattern line across the top of the page (or at least a tiled background) which does NOT scroll"
+          text run at (0,17) width 114: "with the document. "
+          text run at (114,17) width 644: "It should, instead, appear to be a fixed pattern past which the content scrolls, even when the end of the page is"
+          text run at (0,34) width 54: "reached. "
+          text run at (54,34) width 685: "In addition, the default Test Suite background should NOT appear, as it's been overridden by the styles shown above. "
+          text run at (739,34) width 44: "I'll have"
+          text run at (0,51) width 553: "to add a lot of extra text to the page in order to make all this something we can actually check. "
+          text run at (553,51) width 199: "Don't worry, I'll think of something."
+      RenderBlock {P} at (0,173) size 784x17
+        RenderText {#text} at (0,0) size 469x17
+          text run at (0,0) width 386: "In fact, why not the relevant section from the CSS1 specification? "
+          text run at (386,0) width 83: "A capital idea."
+      RenderBlock {HR} at (0,203) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {HR} at (0,211) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {H4} at (0,230) size 784x18
+        RenderInline {A} at (0,0) size 197x17
+          RenderText {#text} at (0,0) size 197x17
+            text run at (0,0) width 197: "5.3.5    'background-attachment'"
         RenderText {#text} at (0,0) size 0x0
-      RenderBlock {P} at (0,310) size 784x100
-        RenderInline {EM} at (0,0) size 40x19
-          RenderText {#text} at (0,0) size 40x19
-            text run at (0,0) width 40: "Value:"
-        RenderText {#text} at (40,0) size 79x19
-          text run at (40,0) width 79: " scroll | fixed"
-        RenderBR {BR} at (119,14) size 0x0
-        RenderInline {EM} at (0,0) size 37x19
-          RenderText {#text} at (0,20) size 37x19
-            text run at (0,20) width 37: "Initial:"
-        RenderText {#text} at (37,20) size 37x19
-          text run at (37,20) width 37: " scroll"
-        RenderBR {BR} at (74,34) size 0x0
-        RenderInline {EM} at (0,0) size 66x19
-          RenderText {#text} at (0,40) size 66x19
-            text run at (0,40) width 66: "Applies to:"
-        RenderText {#text} at (66,40) size 80x19
-          text run at (66,40) width 80: " all elements"
-        RenderBR {BR} at (146,54) size 0x0
-        RenderInline {EM} at (0,0) size 60x19
-          RenderText {#text} at (0,60) size 60x19
-            text run at (0,60) width 60: "Inherited:"
-        RenderText {#text} at (60,60) size 20x19
-          text run at (60,60) width 20: " no"
-        RenderBR {BR} at (80,74) size 0x0
-        RenderInline {EM} at (0,0) size 122x19
-          RenderText {#text} at (0,80) size 122x19
-            text run at (0,80) width 122: "Percentage values:"
-        RenderText {#text} at (122,80) size 27x19
-          text run at (122,80) width 27: " N/A"
-        RenderBR {BR} at (149,94) size 0x0
-      RenderBlock {P} at (0,424) size 784x38
-        RenderText {#text} at (0,0) size 768x38
-          text run at (0,0) width 768: "If a background image is specified, the value of 'background-attachment' determines if it is fixed with regard to the canvas"
-          text run at (0,19) width 226: "or if it scrolls along with the content."
-      RenderBlock {PRE} at (0,476) size 784x95
-        RenderText {#text} at (0,0) size 225x95
-          text run at (0,0) width 60: "  BODY { "
-          text run at (60,0) width 0: " "
-          text run at (0,19) width 225: "    background: red url(pendant.gif);"
-          text run at (225,19) width 0: " "
-          text run at (0,38) width 202: "    background-repeat: repeat-y;"
-          text run at (202,38) width 0: " "
-          text run at (0,57) width 209: "    background-attachment: fixed;"
-          text run at (209,57) width 0: " "
-          text run at (0,76) width 13: "  }"
-          text run at (13,76) width 0: " "
-      RenderBlock {P} at (0,585) size 784x39
-        RenderInline {EM} at (0,0) size 72x19
-          RenderText {#text} at (0,0) size 72x19
-            text run at (0,0) width 72: "CSS1 core:"
-        RenderText {#text} at (72,0) size 784x39
-          text run at (72,0) width 712: " UAs may treat 'fixed' as 'scroll'. However, it is recommended they interpret 'fixed' correctly, at least on the HTML"
-          text run at (0,20) width 762: "and BODY elements, since there is no way for an author to provide an image only for those browsers that support 'fixed'."
-      RenderTable {TABLE} at (0,638) size 784x580 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x578
-          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 782x550
-            RenderTableCell {TD} at (0,289) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderBlock {P} at (0,265) size 784x85
+        RenderInline {EM} at (0,0) size 37x17
+          RenderText {#text} at (0,0) size 37x17
+            text run at (0,0) width 37: "Value:"
+        RenderText {#text} at (37,0) size 74x17
+          text run at (37,0) width 74: " scroll | fixed"
+        RenderBR {BR} at (111,13) size 0x0
+        RenderInline {EM} at (0,0) size 35x17
+          RenderText {#text} at (0,17) size 35x17
+            text run at (0,17) width 35: "Initial:"
+        RenderText {#text} at (35,17) size 35x17
+          text run at (35,17) width 35: " scroll"
+        RenderBR {BR} at (70,30) size 0x0
+        RenderInline {EM} at (0,0) size 62x17
+          RenderText {#text} at (0,34) size 62x17
+            text run at (0,34) width 62: "Applies to:"
+        RenderText {#text} at (62,34) size 74x17
+          text run at (62,34) width 74: " all elements"
+        RenderBR {BR} at (136,47) size 0x0
+        RenderInline {EM} at (0,0) size 54x17
+          RenderText {#text} at (0,51) size 54x17
+            text run at (0,51) width 54: "Inherited:"
+        RenderText {#text} at (54,51) size 18x17
+          text run at (54,51) width 18: " no"
+        RenderBR {BR} at (72,64) size 0x0
+        RenderInline {EM} at (0,0) size 112x17
+          RenderText {#text} at (0,68) size 112x17
+            text run at (0,68) width 112: "Percentage values:"
+        RenderText {#text} at (112,68) size 26x17
+          text run at (112,68) width 26: " N/A"
+        RenderBR {BR} at (138,81) size 0x0
+      RenderBlock {P} at (0,363) size 784x34
+        RenderText {#text} at (0,0) size 784x34
+          text run at (0,0) width 784: "If a background image is specified, the value of 'background-attachment' determines if it is fixed with regard to the canvas or if it scrolls"
+          text run at (0,17) width 131: "along with the content."
+      RenderBlock {PRE} at (0,410) size 784x85
+        RenderText {#text} at (0,0) size 203x85
+          text run at (0,0) width 57: "  BODY { "
+          text run at (57,0) width 0: " "
+          text run at (0,17) width 203: "    background: red url(pendant.gif);"
+          text run at (203,17) width 0: " "
+          text run at (0,34) width 182: "    background-repeat: repeat-y;"
+          text run at (182,34) width 0: " "
+          text run at (0,51) width 192: "    background-attachment: fixed;"
+          text run at (192,51) width 0: " "
+          text run at (0,68) width 12: "  }"
+          text run at (12,68) width 0: " "
+      RenderBlock {P} at (0,508) size 784x34
+        RenderInline {EM} at (0,0) size 67x17
+          RenderText {#text} at (0,0) size 67x17
+            text run at (0,0) width 67: "CSS1 core:"
+        RenderText {#text} at (67,0) size 746x34
+          text run at (67,0) width 679: " UAs may treat 'fixed' as 'scroll'. However, it is recommended they interpret 'fixed' correctly, at least on the HTML and"
+          text run at (0,17) width 672: "BODY elements, since there is no way for an author to provide an image only for those browsers that support 'fixed'."
+      RenderTable {TABLE} at (0,555) size 784x503 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x501
+          RenderTableRow {TR} at (0,0) size 782x26
+            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 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x475
+            RenderTableCell {TD} at (0,251) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x550 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x95
-                RenderText {#text} at (0,0) size 751x95
-                  text run at (0,0) width 740: "This document should have a green grid-pattern line across the top of the page (or at least a tiled background) which"
-                  text run at (0,19) width 230: "does NOT scroll with the document. "
-                  text run at (230,19) width 521: "It should, instead, appear to be a fixed pattern past which the content scrolls, even"
-                  text run at (0,38) width 240: "when the end of the page is reached. "
-                  text run at (240,38) width 497: "In addition, the default Test Suite background should NOT appear, as it's been"
-                  text run at (0,57) width 247: "overridden by the styles shown above. "
-                  text run at (247,57) width 500: "I'll have to add a lot of extra text to the page in order to make all this something"
-                  text run at (0,76) width 146: "we can actually check. "
-                  text run at (146,76) width 217: "Don't worry, I'll think of something."
-              RenderBlock {P} at (4,113) size 762x19
-                RenderText {#text} at (0,0) size 504x19
-                  text run at (0,0) width 415: "In fact, why not the relevant section from the CSS1 specification? "
-                  text run at (415,0) width 89: "A capital idea."
-              RenderBlock {HR} at (4,146) size 762x2 [border: (1px inset #000000)]
-              RenderBlock {HR} at (4,155) size 762x2 [border: (1px inset #000000)]
-              RenderBlock {H4} at (4,175) size 762x20
-                RenderInline {A} at (0,0) size 219x20
-                  RenderText {#text} at (0,0) size 219x20
-                    text run at (0,0) width 219: "5.3.5    'background-attachment'"
+            RenderTableCell {TD} at (12,26) size 770x475 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x85
+                RenderText {#text} at (0,0) size 760x85
+                  text run at (0,0) width 736: "This document should have a green grid-pattern line across the top of the page (or at least a tiled background) which does NOT"
+                  text run at (0,17) width 149: "scroll with the document. "
+                  text run at (149,17) width 598: "It should, instead, appear to be a fixed pattern past which the content scrolls, even when the end of the"
+                  text run at (0,34) width 100: "page is reached. "
+                  text run at (100,34) width 638: "In addition, the default Test Suite background should NOT appear, as it's been overridden by the styles shown"
+                  text run at (0,51) width 43: "above. "
+                  text run at (43,51) width 601: "I'll have to add a lot of extra text to the page in order to make all this something we can actually check. "
+                  text run at (644,51) width 116: "Don't worry, I'll think"
+                  text run at (0,68) width 79: "of something."
+              RenderBlock {P} at (4,102) size 762x17
+                RenderText {#text} at (0,0) size 469x17
+                  text run at (0,0) width 386: "In fact, why not the relevant section from the CSS1 specification? "
+                  text run at (386,0) width 83: "A capital idea."
+              RenderBlock {HR} at (4,132) size 762x2 [border: (1px inset #000000)]
+              RenderBlock {HR} at (4,140) size 762x2 [border: (1px inset #000000)]
+              RenderBlock {H4} at (4,159) size 762x18
+                RenderInline {A} at (0,0) size 197x17
+                  RenderText {#text} at (0,0) size 197x17
+                    text run at (0,0) width 197: "5.3.5    'background-attachment'"
                 RenderText {#text} at (0,0) size 0x0
-              RenderBlock {P} at (4,213) size 762x100
-                RenderInline {EM} at (0,0) size 40x19
-                  RenderText {#text} at (0,0) size 40x19
-                    text run at (0,0) width 40: "Value:"
-                RenderText {#text} at (40,0) size 79x19
-                  text run at (40,0) width 79: " scroll | fixed"
-                RenderBR {BR} at (119,14) size 0x0
-                RenderInline {EM} at (0,0) size 37x19
-                  RenderText {#text} at (0,20) size 37x19
-                    text run at (0,20) width 37: "Initial:"
-                RenderText {#text} at (37,20) size 37x19
-                  text run at (37,20) width 37: " scroll"
-                RenderBR {BR} at (74,34) size 0x0
-                RenderInline {EM} at (0,0) size 66x19
-                  RenderText {#text} at (0,40) size 66x19
-                    text run at (0,40) width 66: "Applies to:"
-                RenderText {#text} at (66,40) size 80x19
-                  text run at (66,40) width 80: " all elements"
-                RenderBR {BR} at (146,54) size 0x0
-                RenderInline {EM} at (0,0) size 60x19
-                  RenderText {#text} at (0,60) size 60x19
-                    text run at (0,60) width 60: "Inherited:"
-                RenderText {#text} at (60,60) size 20x19
-                  text run at (60,60) width 20: " no"
-                RenderBR {BR} at (80,74) size 0x0
-                RenderInline {EM} at (0,0) size 122x19
-                  RenderText {#text} at (0,80) size 122x19
-                    text run at (0,80) width 122: "Percentage values:"
-                RenderText {#text} at (122,80) size 27x19
-                  text run at (122,80) width 27: " N/A"
-                RenderBR {BR} at (149,94) size 0x0
-              RenderBlock {P} at (4,327) size 762x38
-                RenderText {#text} at (0,0) size 719x38
-                  text run at (0,0) width 719: "If a background image is specified, the value of 'background-attachment' determines if it is fixed with regard to the"
-                  text run at (0,19) width 275: "canvas or if it scrolls along with the content."
-              RenderBlock {PRE} at (4,379) size 762x95
-                RenderText {#text} at (0,0) size 225x95
-                  text run at (0,0) width 60: "  BODY { "
-                  text run at (60,0) width 0: " "
-                  text run at (0,19) width 225: "    background: red url(pendant.gif);"
-                  text run at (225,19) width 0: " "
-                  text run at (0,38) width 202: "    background-repeat: repeat-y;"
-                  text run at (202,38) width 0: " "
-                  text run at (0,57) width 209: "    background-attachment: fixed;"
-                  text run at (209,57) width 0: " "
-                  text run at (0,76) width 13: "  }"
-                  text run at (13,76) width 0: " "
-              RenderBlock {P} at (4,488) size 762x58
-                RenderInline {EM} at (0,0) size 72x19
-                  RenderText {#text} at (0,0) size 72x19
-                    text run at (0,0) width 72: "CSS1 core:"
-                RenderText {#text} at (72,0) size 761x58
-                  text run at (72,0) width 669: " UAs may treat 'fixed' as 'scroll'. However, it is recommended they interpret 'fixed' correctly, at least on the"
-                  text run at (0,20) width 761: "HTML and BODY elements, since there is no way for an author to provide an image only for those browsers that support"
-                  text run at (0,39) width 40: "'fixed'."
+              RenderBlock {P} at (4,194) size 762x85
+                RenderInline {EM} at (0,0) size 37x17
+                  RenderText {#text} at (0,0) size 37x17
+                    text run at (0,0) width 37: "Value:"
+                RenderText {#text} at (37,0) size 74x17
+                  text run at (37,0) width 74: " scroll | fixed"
+                RenderBR {BR} at (111,13) size 0x0
+                RenderInline {EM} at (0,0) size 35x17
+                  RenderText {#text} at (0,17) size 35x17
+                    text run at (0,17) width 35: "Initial:"
+                RenderText {#text} at (35,17) size 35x17
+                  text run at (35,17) width 35: " scroll"
+                RenderBR {BR} at (70,30) size 0x0
+                RenderInline {EM} at (0,0) size 62x17
+                  RenderText {#text} at (0,34) size 62x17
+                    text run at (0,34) width 62: "Applies to:"
+                RenderText {#text} at (62,34) size 74x17
+                  text run at (62,34) width 74: " all elements"
+                RenderBR {BR} at (136,47) size 0x0
+                RenderInline {EM} at (0,0) size 54x17
+                  RenderText {#text} at (0,51) size 54x17
+                    text run at (0,51) width 54: "Inherited:"
+                RenderText {#text} at (54,51) size 18x17
+                  text run at (54,51) width 18: " no"
+                RenderBR {BR} at (72,64) size 0x0
+                RenderInline {EM} at (0,0) size 112x17
+                  RenderText {#text} at (0,68) size 112x17
+                    text run at (0,68) width 112: "Percentage values:"
+                RenderText {#text} at (112,68) size 26x17
+                  text run at (112,68) width 26: " N/A"
+                RenderBR {BR} at (138,81) size 0x0
+              RenderBlock {P} at (4,292) size 762x34
+                RenderText {#text} at (0,0) size 742x34
+                  text run at (0,0) width 742: "If a background image is specified, the value of 'background-attachment' determines if it is fixed with regard to the canvas or if it"
+                  text run at (0,17) width 173: "scrolls along with the content."
+              RenderBlock {PRE} at (4,339) size 762x85
+                RenderText {#text} at (0,0) size 203x85
+                  text run at (0,0) width 57: "  BODY { "
+                  text run at (57,0) width 0: " "
+                  text run at (0,17) width 203: "    background: red url(pendant.gif);"
+                  text run at (203,17) width 0: " "
+                  text run at (0,34) width 182: "    background-repeat: repeat-y;"
+                  text run at (182,34) width 0: " "
+                  text run at (0,51) width 192: "    background-attachment: fixed;"
+                  text run at (192,51) width 0: " "
+                  text run at (0,68) width 12: "  }"
+                  text run at (12,68) width 0: " "
+              RenderBlock {P} at (4,437) size 762x34
+                RenderInline {EM} at (0,0) size 67x17
+                  RenderText {#text} at (0,0) size 67x17
+                    text run at (0,0) width 67: "CSS1 core:"
+                RenderText {#text} at (67,0) size 746x34
+                  text run at (67,0) width 679: " UAs may treat 'fixed' as 'scroll'. However, it is recommended they interpret 'fixed' correctly, at least on the HTML and"
+                  text run at (0,17) width 672: "BODY elements, since there is no way for an author to provide an image only for those browsers that support 'fixed'."
index 9924393..1740f87 100644 (file)
@@ -3,81 +3,81 @@ layer 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=#CCCCCC]
-      RenderBlock {P} at (0,0) size 784x19 [bgcolor=#008000]
-        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 784x76
-        RenderText {#text} at (0,0) size 236x76
-          text run at (0,0) width 183: "P {background-color: green;}"
-          text run at (183,0) width 0: " "
-          text run at (0,19) width 191: ".one {background-color: lime;}"
-          text run at (191,19) width 0: " "
-          text run at (0,38) width 236: ".two {background-color: transparent;}"
-          text run at (236,38) width 0: " "
-          text run at (0,57) width 0: " "
-      RenderBlock {HR} at (0,123) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,139) size 784x19 [bgcolor=#008000]
-        RenderText {#text} at (0,0) size 282x19
-          text run at (0,0) width 282: "This element's background should be green."
-      RenderBlock {P} at (0,172) size 784x19 [bgcolor=#00FF00]
-        RenderText {#text} at (0,0) size 352x19
-          text run at (0,0) width 352: "This element's background should be lime (light green)."
-      RenderBlock {P} at (0,205) size 784x57 [bgcolor=#008000]
-        RenderText {#text} at (0,0) size 666x19
-          text run at (0,0) width 666: "This element's background should be green, and the last word in this sentence should also have a green "
-        RenderInline {SPAN} at (0,0) size 75x19
-          RenderText {#text} at (666,0) size 75x19
-            text run at (666,0) width 75: "background"
-        RenderText {#text} at (741,0) size 776x57
-          text run at (741,0) width 8: ". "
-          text run at (749,0) width 27: "This"
-          text run at (0,19) width 721: "is because the background color of the parent element (the paragraph) should \"shine through\" the SPANned word"
-          text run at (0,38) width 184: "\"sentence,\" which was set to "
-        RenderInline {CODE} at (0,0) size 73x19
-          RenderText {#text} at (184,38) size 73x19
-            text run at (184,38) width 73: "transparent"
-        RenderText {#text} at (257,38) size 394x19
-          text run at (257,38) width 8: ". "
-          text run at (265,38) width 386: "If the document background is visible, the browser is in error."
-      RenderBlock {P} at (0,276) size 784x19
-        RenderText {#text} at (0,0) size 747x19
-          text run at (0,0) width 459: "This element should allow the document background to \"shine through.\" "
-          text run at (459,0) width 288: "There should be no green backgrounds here!"
-      RenderTable {TABLE} at (0,309) size 784x194 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x192
-          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 782x164
-            RenderTableCell {TD} at (0,96) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#008000]
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x68
+        RenderText {#text} at (0,0) size 212x68
+          text run at (0,0) width 164: "P {background-color: green;}"
+          text run at (164,0) width 0: " "
+          text run at (0,17) width 172: ".one {background-color: lime;}"
+          text run at (172,17) width 0: " "
+          text run at (0,34) width 212: ".two {background-color: transparent;}"
+          text run at (212,34) width 0: " "
+          text run at (0,51) width 0: " "
+      RenderBlock {HR} at (0,111) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,126) size 784x17 [bgcolor=#008000]
+        RenderText {#text} at (0,0) size 255x17
+          text run at (0,0) width 255: "This element's background should be green."
+      RenderBlock {P} at (0,156) size 784x17 [bgcolor=#00FF00]
+        RenderText {#text} at (0,0) size 319x17
+          text run at (0,0) width 319: "This element's background should be lime (light green)."
+      RenderBlock {P} at (0,186) size 784x51 [bgcolor=#008000]
+        RenderText {#text} at (0,0) size 607x17
+          text run at (0,0) width 607: "This element's background should be green, and the last word in this sentence should also have a green "
+        RenderInline {SPAN} at (0,0) size 67x17
+          RenderText {#text} at (607,0) size 67x17
+            text run at (607,0) width 67: "background"
+        RenderText {#text} at (674,0) size 774x34
+          text run at (674,0) width 8: ". "
+          text run at (682,0) width 92: "This is because"
+          text run at (0,17) width 759: "the background color of the parent element (the paragraph) should \"shine through\" the SPANned word \"sentence,\" which was set to"
+        RenderInline {CODE} at (0,0) size 65x17
+          RenderText {#text} at (0,34) size 65x17
+            text run at (0,34) width 65: "transparent"
+        RenderText {#text} at (65,34) size 362x17
+          text run at (65,34) width 8: ". "
+          text run at (73,34) width 354: "If the document background is visible, the browser is in error."
+      RenderBlock {P} at (0,250) size 784x17
+        RenderText {#text} at (0,0) size 677x17
+          text run at (0,0) width 419: "This element should allow the document background to \"shine through.\" "
+          text run at (419,0) width 258: "There should be no green backgrounds here!"
+      RenderTable {TABLE} at (0,280) size 784x177 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x175
+          RenderTableRow {TR} at (0,0) size 782x26
+            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 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x149
+            RenderTableCell {TD} at (0,88) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x164 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x19 [bgcolor=#008000]
-                RenderText {#text} at (0,0) size 282x19
-                  text run at (0,0) width 282: "This element's background should be green."
-              RenderBlock {P} at (4,37) size 762x19 [bgcolor=#00FF00]
-                RenderText {#text} at (0,0) size 352x19
-                  text run at (0,0) width 352: "This element's background should be lime (light green)."
-              RenderBlock {P} at (4,70) size 762x57 [bgcolor=#008000]
-                RenderText {#text} at (0,0) size 666x19
-                  text run at (0,0) width 666: "This element's background should be green, and the last word in this sentence should also have a green "
-                RenderInline {SPAN} at (0,0) size 75x19
-                  RenderText {#text} at (666,0) size 75x19
-                    text run at (666,0) width 75: "background"
-                RenderText {#text} at (741,0) size 752x57
-                  text run at (741,0) width 4: "."
-                  text run at (0,19) width 752: "This is because the background color of the parent element (the paragraph) should \"shine through\" the SPANned word"
-                  text run at (0,38) width 184: "\"sentence,\" which was set to "
-                RenderInline {CODE} at (0,0) size 73x19
-                  RenderText {#text} at (184,38) size 73x19
-                    text run at (184,38) width 73: "transparent"
-                RenderText {#text} at (257,38) size 394x19
-                  text run at (257,38) width 8: ". "
-                  text run at (265,38) width 386: "If the document background is visible, the browser is in error."
-              RenderBlock {P} at (4,141) size 762x19
-                RenderText {#text} at (0,0) size 747x19
-                  text run at (0,0) width 459: "This element should allow the document background to \"shine through.\" "
-                  text run at (459,0) width 288: "There should be no green backgrounds here!"
+            RenderTableCell {TD} at (12,26) size 770x149 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17 [bgcolor=#008000]
+                RenderText {#text} at (0,0) size 255x17
+                  text run at (0,0) width 255: "This element's background should be green."
+              RenderBlock {P} at (4,34) size 762x17 [bgcolor=#00FF00]
+                RenderText {#text} at (0,0) size 319x17
+                  text run at (0,0) width 319: "This element's background should be lime (light green)."
+              RenderBlock {P} at (4,64) size 762x51 [bgcolor=#008000]
+                RenderText {#text} at (0,0) size 607x17
+                  text run at (0,0) width 607: "This element's background should be green, and the last word in this sentence should also have a green "
+                RenderInline {SPAN} at (0,0) size 67x17
+                  RenderText {#text} at (607,0) size 67x17
+                    text run at (607,0) width 67: "background"
+                RenderText {#text} at (674,0) size 748x51
+                  text run at (674,0) width 8: ". "
+                  text run at (682,0) width 39: "This is"
+                  text run at (0,17) width 748: "because the background color of the parent element (the paragraph) should \"shine through\" the SPANned word \"sentence,\" which"
+                  text run at (0,34) width 64: "was set to "
+                RenderInline {CODE} at (0,0) size 65x17
+                  RenderText {#text} at (64,34) size 65x17
+                    text run at (64,34) width 65: "transparent"
+                RenderText {#text} at (129,34) size 362x17
+                  text run at (129,34) width 8: ". "
+                  text run at (137,34) width 354: "If the document background is visible, the browser is in error."
+              RenderBlock {P} at (4,128) size 762x17
+                RenderText {#text} at (0,0) size 677x17
+                  text run at (0,0) width 419: "This element should allow the document background to \"shine through.\" "
+                  text run at (419,0) width 258: "There should be no green backgrounds here!"
index 83a5ff6..8373d9e 100644 (file)
@@ -3,92 +3,86 @@ layer 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=#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 784x57
-        RenderText {#text} at (0,0) size 294x57
-          text run at (0,0) width 294: "P {background-image: url(../resources/bg.gif);}"
-          text run at (294,0) width 0: " "
-          text run at (0,19) width 205: ".one {background-image: none;}"
-          text run at (205,19) width 0: " "
-          text run at (0,38) width 0: " "
-      RenderBlock {HR} at (0,104) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,120) size 784x38
-        RenderText {#text} at (0,0) size 759x38
-          text run at (0,0) width 514: "This sentence should be backed by an image-- a green grid pattern, in this case. "
-          text run at (514,0) width 245: "The background image should also tile"
-          text run at (0,19) width 678: "along both axes, because no repeat direction is specified (specific tests for repeating are found elsewhere)."
-      RenderBlock {P} at (0,172) size 784x77
-        RenderText {#text} at (0,0) size 612x19
-          text run at (0,0) width 612: "This sentence should be backed by a repeated green-grid image, as should the last three words "
-        RenderInline {STRONG} at (0,0) size 110x20
-          RenderInline {SPAN} at (0,0) size 110x20
-            RenderText {#text} at (612,0) size 110x20
-              text run at (612,0) width 110: "in this sentence"
-        RenderText {#text} at (722,0) size 763x39
-          text run at (722,0) width 8: ". "
-          text run at (730,0) width 33: "If it is"
-          text run at (0,20) width 60: "not, then "
-        RenderInline {CODE} at (0,0) size 32x19
-          RenderText {#text} at (60,20) size 32x19
-            text run at (60,20) width 32: "none"
-        RenderText {#text} at (92,20) size 169x19
-          text run at (92,20) width 164: " is interpreted incorrectly. "
-          text run at (256,20) width 5: "("
-        RenderInline {CODE} at (0,0) size 32x19
-          RenderText {#text} at (261,20) size 32x19
-            text run at (261,20) width 32: "none"
-        RenderText {#text} at (293,20) size 760x57
-          text run at (293,20) width 467: " means that the element has no background image, allowing the parent to"
-          text run at (0,39) width 759: "\"shine through\" by default; since the parent of the words \"in this sentence\" is the paragraph, then the paragraph's image"
-          text run at (0,58) width 114: "should be visible.)"
-      RenderBlock {P} at (0,263) size 784x38
-        RenderText {#text} at (0,0) size 769x38
-          text run at (0,0) width 769: "This sentence should NOT be backed by a repeated green-grid image, allowing the page's background to \"shine through\""
-          text run at (0,19) width 50: "instead."
-      RenderTable {TABLE} at (0,315) size 784x219 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x217
-          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 782x189
-            RenderTableCell {TD} at (0,109) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x51
+        RenderText {#text} at (0,0) size 266x51
+          text run at (0,0) width 266: "P {background-image: url(../resources/bg.gif);}"
+          text run at (266,0) width 0: " "
+          text run at (0,17) width 183: ".one {background-image: none;}"
+          text run at (183,17) width 0: " "
+          text run at (0,34) width 0: " "
+      RenderBlock {HR} at (0,94) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,109) size 784x34
+        RenderText {#text} at (0,0) size 757x34
+          text run at (0,0) width 470: "This sentence should be backed by an image-- a green grid pattern, in this case. "
+          text run at (470,0) width 287: "The background image should also tile along both"
+          text run at (0,17) width 556: "axes, because no repeat direction is specified (specific tests for repeating are found elsewhere)."
+      RenderBlock {P} at (0,156) size 784x52
+        RenderText {#text} at (0,0) size 557x17
+          text run at (0,0) width 557: "This sentence should be backed by a repeated green-grid image, as should the last three words "
+        RenderInline {STRONG} at (0,0) size 98x17
+          RenderInline {SPAN} at (0,0) size 98x17
+            RenderText {#text} at (557,0) size 98x17
+              text run at (557,0) width 98: "in this sentence"
+        RenderText {#text} at (655,0) size 100x17
+          text run at (655,0) width 8: ". "
+          text run at (663,0) width 92: "If it is not, then "
+        RenderInline {CODE} at (0,0) size 28x17
+          RenderText {#text} at (755,0) size 28x17
+            text run at (755,0) width 28: "none"
+        RenderText {#text} at (0,18) size 151x17
+          text run at (0,18) width 147: "is interpreted incorrectly. "
+          text run at (147,18) width 4: "("
+        RenderInline {CODE} at (0,0) size 28x17
+          RenderText {#text} at (151,18) size 28x17
+            text run at (151,18) width 28: "none"
+        RenderText {#text} at (179,18) size 761x34
+          text run at (179,18) width 582: " means that the element has no background image, allowing the parent to \"shine through\" by default;"
+          text run at (0,35) width 644: "since the parent of the words \"in this sentence\" is the paragraph, then the paragraph's image should be visible.)"
+      RenderBlock {P} at (0,221) size 784x17
+        RenderText {#text} at (0,0) size 747x17
+          text run at (0,0) width 747: "This sentence should NOT be backed by a repeated green-grid image, allowing the page's background to \"shine through\" instead."
+      RenderTable {TABLE} at (0,251) size 784x165 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x163
+          RenderTableRow {TR} at (0,0) size 782x26
+            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 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x137
+            RenderTableCell {TD} at (0,82) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x189 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x38
-                RenderText {#text} at (0,0) size 759x38
-                  text run at (0,0) width 514: "This sentence should be backed by an image-- a green grid pattern, in this case. "
-                  text run at (514,0) width 245: "The background image should also tile"
-                  text run at (0,19) width 678: "along both axes, because no repeat direction is specified (specific tests for repeating are found elsewhere)."
-              RenderBlock {P} at (4,56) size 762x77
-                RenderText {#text} at (0,0) size 612x19
-                  text run at (0,0) width 612: "This sentence should be backed by a repeated green-grid image, as should the last three words "
-                RenderInline {STRONG} at (0,0) size 110x20
-                  RenderInline {SPAN} at (0,0) size 110x20
-                    RenderText {#text} at (612,0) size 110x20
-                      text run at (612,0) width 110: "in this sentence"
-                RenderText {#text} at (722,0) size 749x39
-                  text run at (722,0) width 8: ". "
-                  text run at (730,0) width 19: "If it"
-                  text run at (0,20) width 74: "is not, then "
-                RenderInline {CODE} at (0,0) size 32x19
-                  RenderText {#text} at (74,20) size 32x19
-                    text run at (74,20) width 32: "none"
-                RenderText {#text} at (106,20) size 169x19
-                  text run at (106,20) width 164: " is interpreted incorrectly. "
-                  text run at (270,20) width 5: "("
-                RenderInline {CODE} at (0,0) size 32x19
-                  RenderText {#text} at (275,20) size 32x19
-                    text run at (275,20) width 32: "none"
-                RenderText {#text} at (307,20) size 758x57
-                  text run at (307,20) width 451: " means that the element has no background image, allowing the parent"
-                  text run at (0,39) width 732: "to \"shine through\" by default; since the parent of the words \"in this sentence\" is the paragraph, then the paragraph's"
-                  text run at (0,58) width 157: "image should be visible.)"
-              RenderBlock {P} at (4,147) size 762x38
-                RenderText {#text} at (0,0) size 711x38
-                  text run at (0,0) width 711: "This sentence should NOT be backed by a repeated green-grid image, allowing the page's background to \"shine"
-                  text run at (0,19) width 108: "through\" instead."
+            RenderTableCell {TD} at (12,26) size 770x137 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x34
+                RenderText {#text} at (0,0) size 757x34
+                  text run at (0,0) width 470: "This sentence should be backed by an image-- a green grid pattern, in this case. "
+                  text run at (470,0) width 287: "The background image should also tile along both"
+                  text run at (0,17) width 556: "axes, because no repeat direction is specified (specific tests for repeating are found elsewhere)."
+              RenderBlock {P} at (4,51) size 762x52
+                RenderText {#text} at (0,0) size 557x17
+                  text run at (0,0) width 557: "This sentence should be backed by a repeated green-grid image, as should the last three words "
+                RenderInline {STRONG} at (0,0) size 98x17
+                  RenderInline {SPAN} at (0,0) size 98x17
+                    RenderText {#text} at (557,0) size 98x17
+                      text run at (557,0) width 98: "in this sentence"
+                RenderText {#text} at (655,0) size 96x17
+                  text run at (655,0) width 8: ". "
+                  text run at (663,0) width 88: "If it is not, then"
+                RenderInline {CODE} at (0,0) size 28x17
+                  RenderText {#text} at (0,18) size 28x17
+                    text run at (0,18) width 28: "none"
+                RenderText {#text} at (28,18) size 155x17
+                  text run at (28,18) width 151: " is interpreted incorrectly. "
+                  text run at (179,18) width 4: "("
+                RenderInline {CODE} at (0,0) size 28x17
+                  RenderText {#text} at (183,18) size 28x17
+                    text run at (183,18) width 28: "none"
+                RenderText {#text} at (211,18) size 746x34
+                  text run at (211,18) width 535: " means that the element has no background image, allowing the parent to \"shine through\" by"
+                  text run at (0,35) width 691: "default; since the parent of the words \"in this sentence\" is the paragraph, then the paragraph's image should be visible.)"
+              RenderBlock {P} at (4,116) size 762x17
+                RenderText {#text} at (0,0) size 747x17
+                  text run at (0,0) width 747: "This sentence should NOT be backed by a repeated green-grid image, allowing the page's background to \"shine through\" instead."
index 11e9fec..0b1e013 100644 (file)
-layer at (0,0) size 800x1524
+layer at (0,0) size 800x1342
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1524
-  RenderBlock {HTML} at (0,0) size 800x1524
-    RenderBody {BODY} at (8,8) size 784x1508 [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 784x323
-        RenderText {#text} at (0,0) size 538x323
-          text run at (0,0) width 516: "BODY {background-image: url(../resources/bg.gif); background-position: right top;"
-          text run at (516,0) width 0: " "
-          text run at (0,19) width 224: "      background-repeat: no-repeat;}"
-          text run at (224,19) width 0: " "
-          text run at (0,38) width 493: ".one {background-image: url(../resources/bg.gif); background-position: center;"
-          text run at (493,38) width 0: " "
-          text run at (0,57) width 383: "      background-repeat: no-repeat; background-color: aqua;}"
-          text run at (383,57) width 0: " "
-          text run at (0,76) width 511: ".two {background-image: url(../resources/bg.gif); background-position: 50% 50%;"
-          text run at (511,76) width 0: " "
-          text run at (0,95) width 383: "      background-repeat: no-repeat; background-color: aqua;}"
-          text run at (383,95) width 0: " "
-          text run at (0,114) width 538: ".three {background-image: url(../resources/bg.gif); background-position: bottom right;"
-          text run at (538,114) width 0: " "
-          text run at (0,133) width 391: "        background-repeat: no-repeat; background-color: aqua;}"
-          text run at (391,133) width 0: " "
-          text run at (0,152) width 530: ".four {background-image: url(../resources/bg.gif); background-position: 100% 100%;"
-          text run at (530,152) width 0: " "
-          text run at (0,171) width 387: "       background-repeat: no-repeat; background-color: aqua;}"
-          text run at (387,171) width 0: " "
-          text run at (0,190) width 503: ".five {background-image: url(../resources/bg.gif); background-position: 0% 50%;"
-          text run at (503,190) width 0: " "
-          text run at (0,209) width 387: "       background-repeat: no-repeat; background-color: aqua;}"
-          text run at (387,209) width 0: " "
-          text run at (0,228) width 506: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
-          text run at (506,228) width 0: " "
-          text run at (0,247) width 387: "       background-repeat: no-repeat; background-color: aqua;}"
-          text run at (387,247) width 0: " "
-          text run at (0,266) width 533: ".seven {background-image: url(../resources/bg.gif); background-position: 20px 20px;"
-          text run at (533,266) width 0: " "
-          text run at (0,285) width 387: "       background-repeat: no-repeat; background-color: aqua;}"
-          text run at (387,285) width 0: " "
-          text run at (0,304) width 0: " "
-      RenderBlock {HR} at (0,370) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,386) size 784x19
-        RenderText {#text} at (0,0) size 508x19
-          text run at (0,0) width 508: "This document should have a single, small green image in its upper right corner."
-      RenderBlock {P} at (0,419) size 784x57 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 782x57
-          text run at (0,0) width 782: "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,19) width 198: "at the center of the paragraph. "
-          text run at (198,19) width 548: "The background color will make it easier to determine the edges of the paragraph, and"
-          text run at (0,38) width 263: "therefore allow you to calculate its center."
-      RenderBlock {P} at (0,490) size 784x57 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 782x57
-          text run at (0,0) width 782: "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,19) width 198: "at the center of the paragraph. "
-          text run at (198,19) width 548: "The background color will make it easier to determine the edges of the paragraph, and"
-          text run at (0,38) width 263: "therefore allow you to calculate its center."
-      RenderBlock {P} at (0,561) size 784x57 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 777x57
-          text run at (0,0) width 777: "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,19) width 369: "should be fixed at the lower right corner of the paragraph. "
-          text run at (369,19) width 406: "The background color will make it easier to determine the edges"
-          text run at (0,38) width 380: "of the paragraph, and therefore allow you to see its corners."
-      RenderBlock {P} at (0,632) size 784x57 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 777x57
-          text run at (0,0) width 777: "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,19) width 369: "should be fixed at the lower right corner of the paragraph. "
-          text run at (369,19) width 406: "The background color will make it easier to determine the edges"
-          text run at (0,38) width 380: "of the paragraph, and therefore allow you to see its corners."
-      RenderBlock {P} at (0,703) size 784x57 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 781x57
-          text run at (0,0) width 781: "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,19) width 275: "be fixed at the left center of the paragraph. "
-          text run at (275,19) width 446: "The background color will make it easier to determine the edges of the"
-          text run at (0,38) width 365: "paragraph, and therefore allow you to calculate its center."
-      RenderBlock {P} at (0,774) size 784x57 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 760x57
-          text run at (0,0) width 757: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
-          text run at (0,19) width 760: "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,38) width 659: "this is so, and the extra text should make the element long enough for this test to be simpler to evaluate."
-      RenderBlock {P} at (0,845) size 784x76 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 765x76
-          text run at (0,0) width 755: "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,19) width 765: "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,38) width 83: "the element. "
-          text run at (83,38) width 661: "The background color will make it easier to determine the edges of the paragraph, which should assist in"
-          text run at (0,57) width 122: "evaluating this test."
-      RenderTable {TABLE} at (0,935) size 784x573 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x571
-          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 782x543
-            RenderTableCell {TD} at (0,286) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x1342
+  RenderBlock {HTML} at (0,0) size 800x1342
+    RenderBody {BODY} at (8,8) size 784x1326 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x289
+        RenderText {#text} at (0,0) size 487x289
+          text run at (0,0) width 469: "BODY {background-image: url(../resources/bg.gif); background-position: right top;"
+          text run at (469,0) width 0: " "
+          text run at (0,17) width 201: "      background-repeat: no-repeat;}"
+          text run at (201,17) width 0: " "
+          text run at (0,34) width 446: ".one {background-image: url(../resources/bg.gif); background-position: center;"
+          text run at (446,34) width 0: " "
+          text run at (0,51) width 344: "      background-repeat: no-repeat; background-color: aqua;}"
+          text run at (344,51) width 0: " "
+          text run at (0,68) width 465: ".two {background-image: url(../resources/bg.gif); background-position: 50% 50%;"
+          text run at (465,68) width 0: " "
+          text run at (0,85) width 344: "      background-repeat: no-repeat; background-color: aqua;}"
+          text run at (344,85) width 0: " "
+          text run at (0,102) width 487: ".three {background-image: url(../resources/bg.gif); background-position: bottom right;"
+          text run at (487,102) width 0: " "
+          text run at (0,119) width 352: "        background-repeat: no-repeat; background-color: aqua;}"
+          text run at (352,119) width 0: " "
+          text run at (0,136) width 481: ".four {background-image: url(../resources/bg.gif); background-position: 100% 100%;"
+          text run at (481,136) width 0: " "
+          text run at (0,153) width 348: "       background-repeat: no-repeat; background-color: aqua;}"
+          text run at (348,153) width 0: " "
+          text run at (0,170) width 459: ".five {background-image: url(../resources/bg.gif); background-position: 0% 50%;"
+          text run at (459,170) width 0: " "
+          text run at (0,187) width 348: "       background-repeat: no-repeat; background-color: aqua;}"
+          text run at (348,187) width 0: " "
+          text run at (0,204) width 462: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
+          text run at (462,204) width 0: " "
+          text run at (0,221) width 348: "       background-repeat: no-repeat; background-color: aqua;}"
+          text run at (348,221) width 0: " "
+          text run at (0,238) width 484: ".seven {background-image: url(../resources/bg.gif); background-position: 20px 20px;"
+          text run at (484,238) width 0: " "
+          text run at (0,255) width 348: "       background-repeat: no-repeat; background-color: aqua;}"
+          text run at (348,255) width 0: " "
+          text run at (0,272) width 0: " "
+      RenderBlock {HR} at (0,332) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,347) size 784x17
+        RenderText {#text} at (0,0) size 464x17
+          text run at (0,0) width 464: "This document should have a single, small green image in its upper right corner."
+      RenderBlock {P} at (0,377) size 784x51 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 767x51
+          text run at (0,0) width 756: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be fixed at the"
+          text run at (0,17) width 142: "center of the paragraph. "
+          text run at (142,17) width 625: "The background color will make it easier to determine the edges of the paragraph, and therefore allow you to"
+          text run at (0,34) width 114: "calculate its center."
+      RenderBlock {P} at (0,441) size 784x51 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 767x51
+          text run at (0,0) width 756: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be fixed at the"
+          text run at (0,17) width 142: "center of the paragraph. "
+          text run at (142,17) width 625: "The background color will make it easier to determine the edges of the paragraph, and therefore allow you to"
+          text run at (0,34) width 114: "calculate its center."
+      RenderBlock {P} at (0,505) size 784x51 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 771x51
+          text run at (0,0) width 767: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the image should be"
+          text run at (0,17) width 274: "fixed at the lower right corner of the paragraph. "
+          text run at (274,17) width 497: "The background color will make it easier to determine the edges of the paragraph, and"
+          text run at (0,34) width 218: "therefore allow you to see its corners."
+      RenderBlock {P} at (0,569) size 784x51 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 771x51
+          text run at (0,0) width 767: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the image should be"
+          text run at (0,17) width 274: "fixed at the lower right corner of the paragraph. "
+          text run at (274,17) width 497: "The background color will make it easier to determine the edges of the paragraph, and"
+          text run at (0,34) width 218: "therefore allow you to see its corners."
+      RenderBlock {P} at (0,633) size 784x51 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 783x51
+          text run at (0,0) width 783: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image should be fixed at"
+          text run at (0,17) width 186: "the left center of the paragraph. "
+          text run at (186,17) width 585: "The background color will make it easier to determine the edges of the paragraph, and therefore allow"
+          text run at (0,34) width 154: "you to calculate its center."
+      RenderBlock {P} at (0,697) size 784x51 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 774x51
+          text run at (0,0) width 696: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down. "
+          text run at (696,0) width 22: "The"
+          text run at (0,17) width 774: "background color will make it easier to determine the edges of the paragraph, which should help in determining if all this is so, and the"
+          text run at (0,34) width 500: "extra text should make the element long enough for this test to be simpler to evaluate."
+      RenderBlock {P} at (0,761) size 784x51 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 781x51
+          text run at (0,0) width 775: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-hand corner; that is,"
+          text run at (0,17) width 688: "the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left corner of the element. "
+          text run at (688,17) width 93: "The background"
+          text run at (0,34) width 625: "color will make it easier to determine the edges of the paragraph, which should assist in evaluating this test."
+      RenderTable {TABLE} at (0,825) size 784x501 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x499
+          RenderTableRow {TR} at (0,0) size 782x26
+            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 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x473
+            RenderTableCell {TD} at (0,250) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x543 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x19
-                RenderText {#text} at (0,0) size 508x19
-                  text run at (0,0) width 508: "This document should have a single, small green image in its upper right corner."
-              RenderBlock {P} at (4,37) size 762x57 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 752x57
-                  text run at (0,0) width 748: "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,19) width 232: "fixed at the center of the paragraph. "
-                  text run at (232,19) width 520: "The background color will make it easier to determine the edges of the paragraph,"
-                  text run at (0,38) width 291: "and therefore allow you to calculate its center."
-              RenderBlock {P} at (4,108) size 762x57 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 752x57
-                  text run at (0,0) width 748: "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,19) width 232: "fixed at the center of the paragraph. "
-                  text run at (232,19) width 520: "The background color will make it easier to determine the edges of the paragraph,"
-                  text run at (0,38) width 291: "and therefore allow you to calculate its center."
-              RenderBlock {P} at (4,179) size 762x57 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 751x57
-                  text run at (0,0) width 734: "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,19) width 412: "image should be fixed at the lower right corner of the paragraph. "
-                  text run at (412,19) width 339: "The background color will make it easier to determine"
-                  text run at (0,38) width 447: "the edges of the paragraph, and therefore allow you to see its corners."
-              RenderBlock {P} at (4,250) size 762x57 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 751x57
-                  text run at (0,0) width 734: "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,19) width 412: "image should be fixed at the lower right corner of the paragraph. "
-                  text run at (412,19) width 339: "The background color will make it easier to determine"
-                  text run at (0,38) width 447: "the edges of the paragraph, and therefore allow you to see its corners."
-              RenderBlock {P} at (4,321) size 762x57 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 743x57
-                  text run at (0,0) width 735: "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,19) width 321: "should be fixed at the left center of the paragraph. "
-                  text run at (321,19) width 422: "The background color will make it easier to determine the edges of"
-                  text run at (0,38) width 389: "the paragraph, and therefore allow you to calculate its center."
-              RenderBlock {P} at (4,392) size 762x57 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 760x57
-                  text run at (0,0) width 757: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
-                  text run at (0,19) width 760: "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,38) width 659: "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,463) size 762x76 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 760x76
-                  text run at (0,0) width 755: "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,19) width 749: "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"
-                  text run at (0,38) width 99: "of the element. "
-                  text run at (99,38) width 661: "The background color will make it easier to determine the edges of the paragraph, which should assist in"
-                  text run at (0,57) width 122: "evaluating this test."
+            RenderTableCell {TD} at (12,26) size 770x473 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17
+                RenderText {#text} at (0,0) size 464x17
+                  text run at (0,0) width 464: "This document should have a single, small green image in its upper right corner."
+              RenderBlock {P} at (4,34) size 762x51 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 756x51
+                  text run at (0,0) width 756: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be fixed at the"
+                  text run at (0,17) width 142: "center of the paragraph. "
+                  text run at (142,17) width 610: "The background color will make it easier to determine the edges of the paragraph, and therefore allow you"
+                  text run at (0,34) width 129: "to calculate its center."
+              RenderBlock {P} at (4,98) size 762x51 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 756x51
+                  text run at (0,0) width 756: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should be fixed at the"
+                  text run at (0,17) width 142: "center of the paragraph. "
+                  text run at (142,17) width 610: "The background color will make it easier to determine the edges of the paragraph, and therefore allow you"
+                  text run at (0,34) width 129: "to calculate its center."
+              RenderBlock {P} at (4,162) size 762x51 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 749x51
+                  text run at (0,0) width 749: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the image should"
+                  text run at (0,17) width 292: "be fixed at the lower right corner of the paragraph. "
+                  text run at (292,17) width 407: "The background color will make it easier to determine the edges of the"
+                  text run at (0,34) width 308: "paragraph, and therefore allow you to see its corners."
+              RenderBlock {P} at (4,226) size 762x51 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 749x51
+                  text run at (0,0) width 749: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of the image should"
+                  text run at (0,17) width 292: "be fixed at the lower right corner of the paragraph. "
+                  text run at (292,17) width 407: "The background color will make it easier to determine the edges of the"
+                  text run at (0,34) width 308: "paragraph, and therefore allow you to see its corners."
+              RenderBlock {P} at (4,290) size 762x51 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 736x51
+                  text run at (0,0) width 736: "This paragraph should have a single, small green image exactly at the left center; that is, the left center of the image should be"
+                  text run at (0,17) width 233: "fixed at the left center of the paragraph. "
+                  text run at (233,17) width 497: "The background color will make it easier to determine the edges of the paragraph, and"
+                  text run at (0,34) width 242: "therefore allow you to calculate its center."
+              RenderBlock {P} at (4,354) size 762x51 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 752x51
+                  text run at (0,0) width 696: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down. "
+                  text run at (696,0) width 22: "The"
+                  text run at (0,17) width 752: "background color will make it easier to determine the edges of the paragraph, which should help in determining if all this is so, and"
+                  text run at (0,34) width 522: "the extra text should make the element long enough for this test to be simpler to evaluate."
+              RenderBlock {P} at (4,418) size 762x51 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 757x51
+                  text run at (0,0) width 757: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-hand corner; that"
+                  text run at (0,17) width 706: "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 element. "
+                  text run at (706,17) width 22: "The"
+                  text run at (0,34) width 696: "background color will make it easier to determine the edges of the paragraph, which should assist in evaluating this test."
index 5d0c87c..5e2c3ce 100644 (file)
-layer at (0,0) size 800x1936
+layer at (0,0) size 800x1657
   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
+layer at (0,0) size 800x1657
+  RenderBlock {HTML} at (0,0) size 800x1657
+    RenderBody {BODY} at (8,8) size 784x1641 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x255
+        RenderText {#text} at (0,0) size 641x255
+          text run at (0,0) width 481: ".one {background-image: url(../resources/oransqr.gif); background-repeat: repeat-y;}"
+          text run at (481,0) width 0: " "
+          text run at (0,17) width 480: ".two {background-image: url(../resources/oransqr.gif); background-repeat: repeat-x;}"
+          text run at (480,17) width 0: " "
+          text run at (0,34) width 496: ".three {background-image: url(../resources/oransqr.gif); background-repeat: no-repeat;}"
+          text run at (496,34) width 0: " "
+          text run at (0,51) width 641: ".four {background-image: url(../resources/bg.gif); background-position: 50% 50%; background-repeat: repeat-y;}"
+          text run at (641,51) width 0: " "
+          text run at (0,68) width 512: ".five {background-image: url(../resources/crosshair2.gif); background-position: 50% 50%;"
+          text run at (512,68) width 0: " "
+          text run at (0,85) width 161: "       background-color: red;}"
+          text run at (161,85) width 0: " "
+          text run at (0,102) width 510: ".six {background-image: url(../resources/crosshair2.gif); background-position: center top;"
+          text run at (510,102) width 0: " "
+          text run at (0,119) width 157: "      background-color: red;}"
+          text run at (157,119) width 0: " "
+          text run at (0,136) width 510: ".seven {background-image: url(../resources/crosshair2.gif); background-position: top left;"
+          text run at (510,136) width 0: " "
+          text run at (0,153) width 165: "        background-color: red;}"
+          text run at (165,153) width 0: " "
+          text run at (0,170) width 532: ".eight {background-image: url(../resources/crosshair2.gif); background-position: bottom right;"
+          text run at (532,170) width 0: " "
+          text run at (0,187) width 165: "        background-color: red;}"
+          text run at (165,187) width 0: " "
+          text run at (0,204) width 515: ".nine {background-image: url(../resources/crosshair2.gif); background-position: 50% 50%;"
+          text run at (515,204) width 0: " "
+          text run at (0,221) width 161: "       background-color: red;}"
+          text run at (161,221) width 0: " "
+          text run at (0,238) width 0: " "
+      RenderBlock {HR} at (0,298) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,313) size 784x51
+        RenderText {#text} at (0,0) size 726x17
+          text run at (0,0) width 726: "This sentence should have an orange stripe repeated in the \"y\" direction, starting at the upper left corner (since the default for"
+        RenderInline {CODE} at (0,0) size 116x17
+          RenderText {#text} at (0,17) size 116x17
+            text run at (0,17) width 116: "background-position"
+        RenderText {#text} at (116,17) size 764x34
+          text run at (116,17) width 296: " is '0% 0%' and that property is not declared here). "
+          text run at (412,17) width 352: "This is extra text included for the sole purpose of making the"
+          text run at (0,34) width 104: "paragraph longer. "
+          text run at (104,34) width 198: "Thank you for your understanding."
+      RenderBlock {P} at (0,377) size 784x51
+        RenderText {#text} at (0,0) size 726x17
+          text run at (0,0) width 726: "This sentence should have an orange stripe repeated in the \"x\" direction, starting at the upper left corner (since the default for"
+        RenderInline {CODE} at (0,0) size 116x17
+          RenderText {#text} at (0,17) size 116x17
+            text run at (0,17) width 116: "background-position"
+        RenderText {#text} at (116,17) size 764x34
+          text run at (116,17) width 296: " is '0% 0%' and that property is not declared here). "
+          text run at (412,17) width 352: "This is extra text included for the sole purpose of making the"
+          text run at (0,34) width 104: "paragraph longer. "
+          text run at (104,34) width 198: "Thank you for your understanding."
+      RenderBlock {P} at (0,441) size 784x51
+        RenderText {#text} at (0,0) size 652x17
+          text run at (0,0) width 652: "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 116x17
+          RenderText {#text} at (652,0) size 116x17
+            text run at (652,0) width 116: "background-position"
+        RenderText {#text} at (768,0) size 782x51
+          text run at (768,0) width 14: " is"
+          text run at (0,17) width 278: "'0% 0%' and that property is not declared here). "
+          text run at (278,17) width 460: "This is extra text included for the sole purpose of making the paragraph longer. "
+          text run at (738,17) width 36: "Thank"
+          text run at (0,34) width 158: "you for your understanding."
+      RenderBlock {P} at (0,505) size 784x68
+        RenderText {#text} at (0,0) size 744x34
+          text run at (0,0) width 744: "This sentence should have a green-hatch stripe running vertically down the center of the paragraph, with the origin image exactly"
+          text run at (0,17) width 155: "centered in the paragraph. "
+          text run at (155,17) width 96: "This is because "
+        RenderInline {CODE} at (0,0) size 47x17
+          RenderText {#text} at (251,17) size 47x17
+            text run at (251,17) width 47: "repeat-y"
+        RenderText {#text} at (298,17) size 105x17
+          text run at (298,17) width 105: " specifies tiling in "
+        RenderInline {EM} at (0,0) size 25x17
+          RenderText {#text} at (403,17) size 25x17
+            text run at (403,17) width 25: "both"
+        RenderText {#text} at (428,17) size 763x34
+          text run at (428,17) width 147: " directions on the y-axis. "
+          text run at (575,17) width 188: "Note that this test is only valid if"
+          text run at (0,34) width 141: "the user agent supports "
+        RenderInline {CODE} at (0,0) size 116x17
+          RenderText {#text} at (141,34) size 116x17
+            text run at (141,34) width 116: "background-position"
+        RenderText {#text} at (257,34) size 33x17
+          text run at (257,34) width 33: " (see "
+        RenderInline {A} at (0,0) size 55x17 [color=#0000FF]
+          RenderText {#text} at (290,34) size 55x17
+            text run at (290,34) width 55: "test 5.3.6"
+        RenderText {#text} at (345,34) size 754x34
+          text run at (345,34) width 12: "). "
+          text run at (357,34) width 397: "I'll fill the paragraph with extra text to make the conformance (or lack"
+          text run at (0,51) width 130: "thereof) more obvious."
+      RenderBlock {P} at (0,586) size 784x68 [bgcolor=#FF0000]
+        RenderText {#text} at (0,0) size 698x17
+          text run at (0,0) width 602: "This paragraph should have a tiled background, with the origin image exactly centered in the paragraph. "
+          text run at (602,0) width 96: "This is because "
+        RenderInline {CODE} at (0,0) size 769x34
+          RenderText {#text} at (698,0) size 769x34
+            text run at (698,0) width 71: "background-"
+            text run at (0,17) width 36: "repeat"
+        RenderText {#text} at (36,17) size 105x17
+          text run at (36,17) width 105: " specifies tiling in "
+        RenderInline {EM} at (0,0) size 13x17
+          RenderText {#text} at (141,17) size 13x17
+            text run at (141,17) width 13: "all"
+        RenderText {#text} at (154,17) size 762x34
+          text run at (154,17) width 333: " directions, regardless of the position of the origin image. "
+          text run at (487,17) width 275: "Note that this test is only valid if the user agent"
+          text run at (0,34) width 54: "supports "
+        RenderInline {CODE} at (0,0) size 116x17
+          RenderText {#text} at (54,34) size 116x17
+            text run at (54,34) width 116: "background-position"
+        RenderText {#text} at (170,34) size 33x17
+          text run at (170,34) width 33: " (see "
+        RenderInline {A} at (0,0) size 55x17 [color=#0000FF]
+          RenderText {#text} at (203,34) size 55x17
+            text run at (203,34) width 55: "test 5.3.6"
+        RenderText {#text} at (258,34) size 748x34
+          text run at (258,34) width 12: "). "
+          text run at (270,34) width 478: "I'll fill the paragraph with extra text to make the conformance (or lack thereof) more"
+          text run at (0,51) width 53: "obvious. "
+          text run at (53,51) width 555: "A background color is present, although if it is visible then the image has not bee correctly tiled."
+      RenderBlock {P} at (0,667) size 784x51 [bgcolor=#FF0000]
+        RenderText {#text} at (0,0) size 776x51
+          text run at (0,0) width 766: "This sentence should have a fully tiled background which starts at its center top; that is, the background's origin should be the exact"
+          text run at (0,17) width 201: "center of the top of the paragraph. "
+          text run at (201,17) width 463: "I'll fill it with extra text to make the conformance (or lack thereof) more obvious. "
+          text run at (664,17) width 112: "A background color"
+          text run at (0,34) width 486: "is present, although if it is visible, then the image may not have been tiled correctly."
+      RenderBlock {P} at (0,731) size 784x34 [bgcolor=#FF0000]
+        RenderText {#text} at (0,0) size 778x34
+          text run at (0,0) width 453: "This sentence should have a fully tiled background which starts at its top left. "
+          text run at (453,0) width 325: "I'll fill it with extra text to make the conformance (or lack"
+          text run at (0,17) width 134: "thereof) more obvious. "
+          text run at (134,17) width 602: "A background color is present, although if it is visible, then the image may not have been tiled correctly."
+      RenderBlock {P} at (0,778) size 784x68 [bgcolor=#FF0000]
+        RenderText {#text} at (0,0) size 776x68
+          text run at (0,0) width 764: "This sentence should have a fully tiled background which starts at its bottom right; in other words, a complete instance of the image"
+          text run at (0,17) width 567: "should be anchored in the bottom right corner, with the tiled background extending out from there. "
+          text run at (567,17) width 199: "I'll fill it with extra text to make the"
+          text run at (0,34) width 260: "conformance (or lack thereof) more obvious. "
+          text run at (260,34) width 516: "A background color is present, although if it is visible, then the image may not have been"
+          text run at (0,51) width 82: "tiled correctly."
+      RenderBlock {P} at (0,859) size 784x85 [bgcolor=#FF0000]
+        RenderText {#text} at (0,0) size 784x85
+          text run at (0,0) width 784: "This sentence should have a fully tiled background which starts at its center and is tiled in all directions; that is, the background's origin"
+          text run at (0,17) width 260: "should be the exact center of the paragraph. "
+          text run at (260,17) width 463: "I'll fill it with extra text to make the conformance (or lack thereof) more obvious. "
+          text run at (723,17) width 52: "In fact, a"
+          text run at (0,34) width 357: "lot of extra text will be necessary to make this at all obvious. "
+          text run at (357,34) width 387: "This is true because I am not able to increase the text size without"
+          text run at (0,51) width 604: "resorting to either headings or other CSS properties, neither of which I want to use in this circumstance. "
+          text run at (604,51) width 170: "This ought to be enough text,"
+          text run at (0,68) width 47: "though. "
+          text run at (47,68) width 602: "A background color is present, although if it is visible, then the image may not have been tiled correctly."
+      RenderTable {TABLE} at (0,957) size 784x684 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x682
+          RenderTableRow {TR} at (0,0) size 782x26
+            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 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x656
+            RenderTableCell {TD} at (0,341) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 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."
+            RenderTableCell {TD} at (12,26) size 770x656 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x51
+                RenderText {#text} at (0,0) size 726x17
+                  text run at (0,0) width 726: "This sentence should have an orange stripe repeated in the \"y\" direction, starting at the upper left corner (since the default for"
+                RenderInline {CODE} at (0,0) size 116x17
+                  RenderText {#text} at (0,17) size 116x17
+                    text run at (0,17) width 116: "background-position"
+                RenderText {#text} at (116,17) size 742x34
+                  text run at (116,17) width 296: " is '0% 0%' and that property is not declared here). "
+                  text run at (412,17) width 330: "This is extra text included for the sole purpose of making"
+                  text run at (0,34) width 126: "the paragraph longer. "
+                  text run at (126,34) width 198: "Thank you for your understanding."
+              RenderBlock {P} at (4,68) size 762x51
+                RenderText {#text} at (0,0) size 726x17
+                  text run at (0,0) width 726: "This sentence should have an orange stripe repeated in the \"x\" direction, starting at the upper left corner (since the default for"
+                RenderInline {CODE} at (0,0) size 116x17
+                  RenderText {#text} at (0,17) size 116x17
+                    text run at (0,17) width 116: "background-position"
+                RenderText {#text} at (116,17) size 742x34
+                  text run at (116,17) width 296: " is '0% 0%' and that property is not declared here). "
+                  text run at (412,17) width 330: "This is extra text included for the sole purpose of making"
+                  text run at (0,34) width 126: "the paragraph longer. "
+                  text run at (126,34) width 198: "Thank you for your understanding."
+              RenderBlock {P} at (4,132) size 762x51
+                RenderText {#text} at (0,0) size 652x17
+                  text run at (0,0) width 652: "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 723x34
+                  RenderText {#text} at (652,0) size 723x34
+                    text run at (652,0) width 71: "background-"
+                    text run at (0,17) width 45: "position"
+                RenderText {#text} at (45,17) size 754x34
+                  text run at (45,17) width 296: " is '0% 0%' and that property is not declared here). "
+                  text run at (341,17) width 413: "This is extra text included for the sole purpose of making the paragraph"
+                  text run at (0,34) width 43: "longer. "
+                  text run at (43,34) width 198: "Thank you for your understanding."
+              RenderBlock {P} at (4,196) size 762x68
+                RenderText {#text} at (0,0) size 744x34
+                  text run at (0,0) width 744: "This sentence should have a green-hatch stripe running vertically down the center of the paragraph, with the origin image exactly"
+                  text run at (0,17) width 155: "centered in the paragraph. "
+                  text run at (155,17) width 96: "This is because "
+                RenderInline {CODE} at (0,0) size 47x17
+                  RenderText {#text} at (251,17) size 47x17
+                    text run at (251,17) width 47: "repeat-y"
+                RenderText {#text} at (298,17) size 105x17
+                  text run at (298,17) width 105: " specifies tiling in "
+                RenderInline {EM} at (0,0) size 25x17
+                  RenderText {#text} at (403,17) size 25x17
+                    text run at (403,17) width 25: "both"
+                RenderText {#text} at (428,17) size 752x34
+                  text run at (428,17) width 147: " directions on the y-axis. "
+                  text run at (575,17) width 177: "Note that this test is only valid"
+                  text run at (0,34) width 152: "if the user agent supports "
+                RenderInline {CODE} at (0,0) size 116x17
+                  RenderText {#text} at (152,34) size 116x17
+                    text run at (152,34) width 116: "background-position"
+                RenderText {#text} at (268,34) size 33x17
+                  text run at (268,34) width 33: " (see "
+                RenderInline {A} at (0,0) size 55x17 [color=#0000FF]
+                  RenderText {#text} at (301,34) size 55x17
+                    text run at (301,34) width 55: "test 5.3.6"
+                RenderText {#text} at (356,34) size 737x34
+                  text run at (356,34) width 12: "). "
+                  text run at (368,34) width 369: "I'll fill the paragraph with extra text to make the conformance (or"
+                  text run at (0,51) width 158: "lack thereof) more obvious."
+              RenderBlock {P} at (4,277) size 762x68 [bgcolor=#FF0000]
+                RenderText {#text} at (0,0) size 694x17
+                  text run at (0,0) width 602: "This paragraph should have a tiled background, with the origin image exactly centered in the paragraph. "
+                  text run at (602,0) width 92: "This is because"
+                RenderInline {CODE} at (0,0) size 107x17
+                  RenderText {#text} at (0,17) size 107x17
+                    text run at (0,17) width 107: "background-repeat"
+                RenderText {#text} at (107,17) size 105x17
+                  text run at (107,17) width 105: " specifies tiling in "
+                RenderInline {EM} at (0,0) size 13x17
+                  RenderText {#text} at (212,17) size 13x17
+                    text run at (212,17) width 13: "all"
+                RenderText {#text} at (225,17) size 746x34
+                  text run at (225,17) width 333: " directions, regardless of the position of the origin image. "
+                  text run at (558,17) width 188: "Note that this test is only valid if"
+                  text run at (0,34) width 141: "the user agent supports "
+                RenderInline {CODE} at (0,0) size 116x17
+                  RenderText {#text} at (141,34) size 116x17
+                    text run at (141,34) width 116: "background-position"
+                RenderText {#text} at (257,34) size 33x17
+                  text run at (257,34) width 33: " (see "
+                RenderInline {A} at (0,0) size 55x17 [color=#0000FF]
+                  RenderText {#text} at (290,34) size 55x17
+                    text run at (290,34) width 55: "test 5.3.6"
+                RenderText {#text} at (345,34) size 754x34
+                  text run at (345,34) width 12: "). "
+                  text run at (357,34) width 397: "I'll fill the paragraph with extra text to make the conformance (or lack"
+                  text run at (0,51) width 134: "thereof) more obvious. "
+                  text run at (134,51) width 555: "A background color is present, although if it is visible then the image has not bee correctly tiled."
+              RenderBlock {P} at (4,358) size 762x51 [bgcolor=#FF0000]
+                RenderText {#text} at (0,0) size 730x51
+                  text run at (0,0) width 730: "This sentence should have a fully tiled background which starts at its center top; that is, the background's origin should be the"
+                  text run at (0,17) width 237: "exact center of the top of the paragraph. "
+                  text run at (237,17) width 463: "I'll fill it with extra text to make the conformance (or lack thereof) more obvious. "
+                  text run at (700,17) width 9: "A"
+                  text run at (0,34) width 589: "background color is present, although if it is visible, then the image may not have been tiled correctly."
+              RenderBlock {P} at (4,422) size 762x51 [bgcolor=#FF0000]
+                RenderText {#text} at (0,0) size 750x51
+                  text run at (0,0) width 453: "This sentence should have a fully tiled background which starts at its top left. "
+                  text run at (453,0) width 297: "I'll fill it with extra text to make the conformance (or"
+                  text run at (0,17) width 162: "lack thereof) more obvious. "
+                  text run at (162,17) width 544: "A background color is present, although if it is visible, then the image may not have been tiled"
+                  text run at (0,34) width 54: "correctly."
+              RenderBlock {P} at (4,486) size 762x68 [bgcolor=#FF0000]
+                RenderText {#text} at (0,0) size 748x68
+                  text run at (0,0) width 725: "This sentence should have a fully tiled background which starts at its bottom right; in other words, a complete instance of the"
+                  text run at (0,17) width 606: "image should be anchored in the bottom right corner, with the tiled background extending out from there. "
+                  text run at (606,17) width 141: "I'll fill it with extra text to"
+                  text run at (0,34) width 318: "make the conformance (or lack thereof) more obvious. "
+                  text run at (318,34) width 430: "A background color is present, although if it is visible, then the image may"
+                  text run at (0,51) width 168: "not have been tiled correctly."
+              RenderBlock {P} at (4,567) size 762x85 [bgcolor=#FF0000]
+                RenderText {#text} at (0,0) size 755x85
+                  text run at (0,0) width 749: "This sentence should have a fully tiled background which starts at its center and is tiled in all directions; that is, the background's"
+                  text run at (0,17) width 295: "origin should be the exact center of the paragraph. "
+                  text run at (295,17) width 459: "I'll fill it with extra text to make the conformance (or lack thereof) more obvious."
+                  text run at (0,34) width 413: "In fact, a lot of extra text will be necessary to make this at all obvious. "
+                  text run at (413,34) width 342: "This is true because I am not able to increase the text size"
+                  text run at (0,51) width 649: "without resorting to either headings or other CSS properties, neither of which I want to use in this circumstance. "
+                  text run at (649,51) width 94: "This ought to be"
+                  text run at (0,68) width 123: "enough text, though. "
+                  text run at (123,68) width 602: "A background color is present, although if it is visible, then the image may not have been tiled correctly."
index 2dcbe38..e32433a 100644 (file)
@@ -3,36 +3,36 @@ layer 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=#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 784x38
-        RenderText {#text} at (0,0) size 122x38
-          text run at (0,0) width 122: ".one {color: green;}"
-          text run at (122,0) width 0: " "
-          text run at (0,19) width 0: " "
-      RenderBlock {HR} at (0,85) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,101) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 200x19
-          text run at (0,0) width 200: "This sentence should be green."
-      RenderBlock {P} at (0,134) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 200x19
-          text run at (0,0) width 200: "This sentence should be green."
-      RenderTable {TABLE} at (0,167) size 222x90 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 220x88
-          RenderTableRow {TR} at (0,0) size 220x28
-            RenderTableCell {TD} at (0,0) size 220x28 [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 220x60
-            RenderTableCell {TD} at (0,44) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x34
+        RenderText {#text} at (0,0) size 109x34
+          text run at (0,0) width 109: ".one {color: green;}"
+          text run at (109,0) width 0: " "
+          text run at (0,17) width 0: " "
+      RenderBlock {HR} at (0,77) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,92) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 182x17
+          text run at (0,0) width 182: "This sentence should be green."
+      RenderBlock {P} at (0,122) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 182x17
+          text run at (0,0) width 182: "This sentence should be green."
+      RenderTable {TABLE} at (0,152) size 204x83 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 202x81
+          RenderTableRow {TR} at (0,0) size 202x26
+            RenderTableCell {TD} at (0,0) size 202x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 202x55
+            RenderTableCell {TD} at (0,41) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 208x60 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 200x19 [color=#008000]
-                RenderText {#text} at (0,0) size 200x19
-                  text run at (0,0) width 200: "This sentence should be green."
-              RenderBlock {P} at (4,37) size 200x19 [color=#008000]
-                RenderText {#text} at (0,0) size 200x19
-                  text run at (0,0) width 200: "This sentence should be green."
+            RenderTableCell {TD} at (12,26) size 190x55 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 182x17 [color=#008000]
+                RenderText {#text} at (0,0) size 182x17
+                  text run at (0,0) width 182: "This sentence should be green."
+              RenderBlock {P} at (4,34) size 182x17 [color=#008000]
+                RenderText {#text} at (0,0) size 182x17
+                  text run at (0,0) width 182: "This sentence should be green."
index ad5d33f..38d15e6 100644 (file)
-layer at (0,0) size 800x4248
+layer at (0,0) size 800x3820
   RenderView at (0,0) size 800x600
-layer at (0,0) size 800x4248
-  RenderBlock {HTML} at (0,0) size 800x4248
-    RenderBody {BODY} at (8,8) size 784x4232 [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 784x1026
-        RenderText {#text} at (0,0) size 443x1026
-          text run at (0,0) width 235: "P.one {color: green; rotation: 70deg;}"
-          text run at (235,0) width 0: " "
-          text run at (0,19) width 139: "P.oneb {color: green;}"
-          text run at (139,19) width 0: " "
-          text run at (0,38) width 178: "P.oneb {color: invalidValue;}"
-          text run at (178,38) width 0: " "
-          text run at (0,57) width 211: "P.two {background-color: inherit;}"
-          text run at (211,57) width 0: " "
-          text run at (0,76) width 164: "H1 + P.three {color: blue;}"
-          text run at (164,76) width 0: " "
-          text run at (0,95) width 150: "P.four + H1 {color: red;}"
-          text run at (150,95) width 0: " "
-          text run at (0,114) width 203: "P.five {background-color: \"red\";}"
-          text run at (203,114) width 0: " "
-          text run at (0,133) width 316: "P.sixa {border-width: medium; border-style: solid;}"
-          text run at (316,133) width 0: " "
-          text run at (0,152) width 300: "P.sixb {border-width: funny; border-style: solid;}"
-          text run at (300,152) width 0: " "
-          text run at (0,171) width 295: "P.sixc {border-width: 50zu; border-style: solid;}"
-          text run at (295,171) width 0: " "
-          text run at (0,190) width 280: "P.sixd {border-width: px; border-style: solid;}"
-          text run at (280,190) width 0: " "
-          text run at (0,209) width 85: "@three-dee {"
-          text run at (85,209) width 0: " "
-          text run at (0,228) width 152: " @background-lighting {"
-          text run at (152,228) width 0: " "
-          text run at (0,247) width 110: "  azimuth: 30deg;"
-          text run at (110,247) width 0: " "
-          text run at (0,266) width 125: "  elevation: 190deg;"
-          text run at (125,266) width 0: " "
-          text run at (0,285) width 13: "  }"
-          text run at (13,285) width 0: " "
-          text run at (0,304) width 137: " P.seven { color: red }"
-          text run at (137,304) width 0: " "
-          text run at (0,323) width 9: " }"
-          text run at (9,323) width 0: " "
-          text run at (0,342) width 169: "P.eight {COLOR: GREEN;}"
-          text run at (169,342) width 0: " "
-          text run at (0,361) width 154: "OL:wait {color: maroon;}"
-          text run at (154,361) width 0: " "
-          text run at (0,380) width 200: "P.ten:first-child {color: maroon;}"
-          text run at (200,380) width 0: " "
-          text run at (0,399) width 153: "UL:lang(fr) {color: gray;}"
-          text run at (153,399) width 0: " "
-          text run at (0,418) width 217: "BLOCKQUOTE[href] {color: navy;}"
-          text run at (217,418) width 0: " "
-          text run at (0,437) width 239: "ACRONYM[href=\"foo\"] {color: purple;}"
-          text run at (239,437) width 0: " "
-          text run at (0,456) width 242: "ADDRESS[href~=\"foo\"] {color: purple;}"
-          text run at (242,456) width 0: " "
-          text run at (0,475) width 191: "SPAN[lang|=\"fr\"] {color: #c37;}"
-          text run at (191,475) width 0: " "
-          text run at (0,494) width 81: "@media tty {"
-          text run at (81,494) width 0: " "
-          text run at (0,513) width 100: " H1 {color: red;}"
-          text run at (100,513) width 0: " "
-          text run at (0,532) width 140: " P.sixteen {color: red;}"
-          text run at (140,532) width 0: " "
-          text run at (0,551) width 9: " }"
-          text run at (9,551) width 0: " "
-          text run at (0,570) width 85: "@three-dee {"
-          text run at (85,570) width 0: " "
-          text run at (0,589) width 161: " P.seventeen {color: red }"
-          text run at (161,589) width 0: " "
-          text run at (0,608) width 9: " }"
-          text run at (9,608) width 0: " "
-          text run at (0,627) width 443: "P.eighteena {text-decoration: underline overline line-through diagonal;"
-          text run at (443,627) width 0: " "
-          text run at (0,646) width 295: "            font: bold highlighted 100% sans-serif;}"
-          text run at (295,646) width 0: " "
-          text run at (0,665) width 443: "P.eighteenb {text-decoration: underline overline line-through diagonal;"
-          text run at (443,665) width 0: " "
-          text run at (0,684) width 260: "            font: bold highlighted 100% serif;}"
-          text run at (260,684) width 0: " "
-          text run at (0,703) width 326: "EM, P.nineteena ! EM, STRONG {font-size: 200%; }"
-          text run at (326,703) width 0: " "
-          text run at (0,722) width 0: " "
-          text run at (0,741) width 101: "// UL.nineteenb,"
-          text run at (101,741) width 0: " "
-          text run at (0,760) width 154: "P.nineteenb {color: red;}"
-          text run at (154,760) width 0: " "
-          text run at (0,779) width 0: " "
-          text run at (0,798) width 265: "P.twentya {rotation-code: \"}\"; color: blue;} "
-          text run at (265,798) width 0: " "
-          text run at (0,817) width 289: "P.twentyb {rotation-code: \"\\\"}\\\"\"; color: green;}"
-          text run at (289,817) width 0: " "
-          text run at (0,836) width 298: "P.twentyonea {rotation-code: '}'; color: purple;} "
-          text run at (298,836) width 0: " "
-          text run at (0,855) width 305: "P.twentyoneb {rotation-code: '\\'}\\''; color: green;}"
-          text run at (305,855) width 0: " "
-          text run at (0,874) width 85: "P.twentytwo {"
-          text run at (85,874) width 0: " "
-          text run at (0,893) width 284: " type-display: @threedee {rotation-code: '}';};"
-          text run at (284,893) width 0: " "
-          text run at (0,912) width 84: " color: green;"
-          text run at (84,912) width 0: " "
-          text run at (0,931) width 9: " }"
-          text run at (9,931) width 0: " "
-          text run at (0,950) width 211: "P.twentythree {text-indent: 0.5in;}"
-          text run at (211,950) width 0: " "
-          text run at (0,969) width 92: " color: maroon"
-          text run at (92,969) width 0: " "
-          text run at (0,988) width 157: "P.twentyfour {color: red;}"
-          text run at (157,988) width 0: " "
-          text run at (0,1007) width 0: " "
-      RenderBlock {HR} at (0,1073) size 784x2 [border: (1px inset #000000)]
-      RenderBlock {P} at (0,1089) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 494x19
-          text run at (0,0) width 494: "This paragraph should be green, because only the rotation should be ignored."
-      RenderBlock {P} at (0,1122) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 628x19
-          text run at (0,0) width 628: "This paragraph should be green, since error-checking should be done before calculating specificity."
-      RenderBlock {P} at (0,1155) size 784x38
-        RenderText {#text} at (0,0) size 563x19
-          text run at (0,0) width 563: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
-        RenderInline {CODE} at (0,0) size 39x19
-          RenderText {#text} at (563,0) size 39x19
-            text run at (563,0) width 39: "inherit"
-        RenderText {#text} at (602,0) size 784x38
-          text run at (602,0) width 182: " is an invalid keyword, and in"
-          text run at (0,19) width 473: "CSS2, it will cause the gray background (not the white grid) to be inherited."
-      RenderBlock {P} at (0,1207) size 784x19
-        RenderText {#text} at (0,0) size 639x19
-          text run at (0,0) width 639: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
-      RenderBlock {P} at (0,1240) size 784x19
-        RenderText {#text} at (0,0) size 639x19
-          text run at (0,0) width 639: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
-      RenderBlock {P} at (0,1273) size 784x19
-        RenderText {#text} at (0,0) size 530x19
-          text run at (0,0) width 530: "This paragraph should have a white background, since keywords cannot be quoted."
-      RenderBlock {P} at (0,1306) size 784x44 [border: (3px solid #000000)]
-        RenderText {#text} at (3,3) size 773x38
-          text run at (3,3) width 658: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
-          text run at (661,3) width 115: "This should cause"
-          text run at (3,22) width 325: "the user agent to use the default value of 'medium'."
-      RenderBlock {P} at (0,1364) size 784x44 [border: (3px solid #000000)]
-        RenderText {#text} at (3,3) size 753x38
-          text run at (3,3) width 753: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs),"
-          text run at (3,22) width 228: "because the border-width is invalid. "
-          text run at (231,22) width 444: "This should cause the user agent to use the default value of 'medium'."
-      RenderBlock {P} at (0,1422) size 784x63 [border: (3px solid #000000)]
-        RenderText {#text} at (3,3) size 764x57
-          text run at (3,3) width 753: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs),"
-          text run at (3,22) width 593: "because the border-width units are invalid, and therefore the border-width should be ignored. "
-          text run at (596,22) width 171: "This should cause the user"
-          text run at (3,41) width 269: "agent to use the default value of 'medium'."
-      RenderBlock {P} at (0,1499) size 784x63 [border: (3px solid #000000)]
-        RenderText {#text} at (3,3) size 769x57
-          text run at (3,3) width 763: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because the"
-          text run at (3,22) width 542: "border-width does not have any value to go with its pixel unit, and is therefore invalid. "
-          text run at (545,22) width 227: "This should cause the user agent to"
-          text run at (3,41) width 213: "use the default value of 'medium'."
-      RenderBlock {P} at (0,1576) size 784x19
-        RenderText {#text} at (0,0) size 664x19
-          text run at (0,0) width 664: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
-      RenderBlock {P} at (0,1609) size 784x38 [color=#008000]
-        RenderText {#text} at (0,0) size 774x38
-          text run at (0,0) width 212: "This paragraph should be green. "
-          text run at (212,0) width 562: "CSS is case-insensitive, unless required to be case sensitive due to interaction with other"
-          text run at (0,19) width 240: "standards (e.g., font names or URLs.)"
-      RenderBlock {OL} at (0,1661) size 784x19
-        RenderListItem {LI} at (40,0) size 744x19
-          RenderListMarker at (-20,0) size 16x19: "1"
-          RenderText {#text} at (0,0) size 633x19
-            text run at (0,0) width 633: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
-      RenderBlock {P} at (0,1694) size 784x38
-        RenderText {#text} at (0,0) size 781x38
-          text run at (0,0) width 781: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this paragraph is not"
-          text run at (0,19) width 84: "the first child."
-      RenderBlock {UL} at (0,1746) size 784x38
-        RenderListItem {LI} at (40,0) size 744x38
-          RenderListMarker at (-17,0) size 7x19: bullet
-          RenderText {#text} at (0,0) size 738x38
-            text run at (0,0) width 738: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to CSS2,"
-            text run at (0,19) width 186: "the selector should not apply."
-      RenderBlock {BLOCKQUOTE} at (40,1798) size 704x38
-        RenderText {#text} at (0,0) size 689x38
-          text run at (0,0) width 689: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to CSS2,"
-          text run at (0,19) width 186: "the selector should not apply."
-      RenderBlock {P} at (0,1850) size 784x38
-        RenderInline {ACRONYM} at (0,0) size 753x38
-          RenderText {#text} at (0,0) size 753x38
-            text run at (0,0) width 753: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
-            text run at (0,19) width 108: "should not apply."
-      RenderBlock {ADDRESS} at (0,1902) size 784x40
-        RenderText {#text} at (0,0) size 749x39
-          text run at (0,0) width 749: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
-          text run at (0,20) width 108: "should not apply."
-      RenderBlock {P} at (0,1956) size 784x38
-        RenderInline {SPAN} at (0,0) size 775x38
-          RenderText {#text} at (0,0) size 775x38
-            text run at (0,0) width 775: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should"
-            text run at (0,19) width 62: "not apply."
-      RenderBlock {P} at (0,2008) size 784x38
-        RenderText {#text} at (0,0) size 753x38
-          text run at (0,0) width 668: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. "
-          text run at (668,0) width 85: "However, it is"
-          text run at (0,19) width 588: "valid in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red."
-      RenderBlock {P} at (0,2060) size 784x19
-        RenderText {#text} at (0,0) size 664x19
-          text run at (0,0) width 664: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
-      RenderBlock {P} at (0,2093) size 784x76
-        RenderText {#text} at (0,0) size 743x19
-          text run at (0,0) width 743: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
-        RenderInline {CODE} at (0,0) size 54x19
-          RenderText {#text} at (0,19) size 54x19
-            text run at (0,19) width 54: "diagonal"
-        RenderText {#text} at (54,19) size 222x19
-          text run at (54,19) width 222: " is not a valid keyword, making the "
-        RenderInline {CODE} at (0,0) size 95x19
-          RenderText {#text} at (276,19) size 95x19
-            text run at (276,19) width 95: "text-decoration"
-        RenderText {#text} at (371,19) size 126x19
-          text run at (371,19) width 52: " invalid. "
-          text run at (423,19) width 74: "In addition, "
-        RenderInline {CODE} at (0,0) size 69x19
-          RenderText {#text} at (497,19) size 69x19
-            text run at (497,19) width 69: "highlighted"
-        RenderText {#text} at (566,19) size 156x19
-          text run at (566,19) width 156: " is not a valid part of the "
-        RenderInline {CODE} at (0,0) size 24x19
-          RenderText {#text} at (722,19) size 24x19
-            text run at (722,19) width 24: "font"
-        RenderText {#text} at (0,38) size 773x38
-          text run at (0,38) width 170: "property, making it invalid. "
-          text run at (170,38) width 569: "Therefore, this paragraph's font should be the UA default, and match the next paragraph. "
-          text run at (739,38) width 34: "If this"
-          text run at (0,57) width 156: "is not the case, then the "
-        RenderInline {CODE} at (0,0) size 24x19
-          RenderText {#text} at (156,57) size 24x19
-            text run at (156,57) width 24: "font"
-        RenderText {#text} at (180,57) size 250x19
-          text run at (180,57) width 250: " declaration is being improperly parsed."
-      RenderBlock {P} at (0,2183) size 784x76
-        RenderText {#text} at (0,0) size 743x19
-          text run at (0,0) width 743: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
-        RenderInline {CODE} at (0,0) size 54x19
-          RenderText {#text} at (0,19) size 54x19
-            text run at (0,19) width 54: "diagonal"
-        RenderText {#text} at (54,19) size 222x19
-          text run at (54,19) width 222: " is not a valid keyword, making the "
-        RenderInline {CODE} at (0,0) size 95x19
-          RenderText {#text} at (276,19) size 95x19
-            text run at (276,19) width 95: "text-decoration"
-        RenderText {#text} at (371,19) size 126x19
-          text run at (371,19) width 52: " invalid. "
-          text run at (423,19) width 74: "In addition, "
-        RenderInline {CODE} at (0,0) size 69x19
-          RenderText {#text} at (497,19) size 69x19
-            text run at (497,19) width 69: "highlighted"
-        RenderText {#text} at (566,19) size 156x19
-          text run at (566,19) width 156: " is not a valid part of the "
-        RenderInline {CODE} at (0,0) size 24x19
-          RenderText {#text} at (722,19) size 24x19
-            text run at (722,19) width 24: "font"
-        RenderText {#text} at (0,38) size 774x38
-          text run at (0,38) width 170: "property, making it invalid. "
-          text run at (170,38) width 596: "Therefore, this paragraph's font should be the UA default, and match the previous paragraph. "
-          text run at (766,38) width 8: "If"
-          text run at (0,57) width 182: "this is not the case, then the "
-        RenderInline {CODE} at (0,0) size 24x19
-          RenderText {#text} at (182,57) size 24x19
-            text run at (182,57) width 24: "font"
-        RenderText {#text} at (206,57) size 250x19
-          text run at (206,57) width 250: " declaration is being improperly parsed."
-      RenderBlock {P} at (0,2273) size 784x58
-        RenderText {#text} at (0,0) size 538x19
-          text run at (0,0) width 509: "The text of this paragraph should be normal size because the selector is invalid. "
-          text run at (509,0) width 29: "The "
-        RenderInline {EM} at (0,0) size 104x19
-          RenderText {#text} at (538,0) size 104x19
-            text run at (538,0) width 104: "emphasized text"
-        RenderText {#text} at (642,0) size 56x19
-          text run at (642,0) width 56: " and the "
-        RenderInline {STRONG} at (0,0) size 75x20
-          RenderText {#text} at (698,0) size 75x20
-            text run at (698,0) width 75: "strong text"
-        RenderText {#text} at (0,20) size 767x38
-          text run at (0,20) width 767: "within it should also be normal size, since the entire ruleset should be skipped (since in some future version of CSS, there"
-          text run at (0,39) width 532: "could be an operator within the selector that has higher precedence than a comma)."
-      RenderBlock {P} at (0,2345) size 784x39
-        RenderText {#text} at (0,0) size 473x19
-          text run at (0,0) width 473: "This paragraph should be black, because the line before the declaration is "
-        RenderInline {STRONG} at (0,0) size 23x20
-          RenderText {#text} at (473,0) size 23x20
-            text run at (473,0) width 23: "not"
-        RenderText {#text} at (496,0) size 760x39
-          text run at (496,0) width 264: " a comment and therefore the selector for"
-          text run at (0,20) width 138: "P.nineteenb is invalid."
-      RenderBlock {P} at (0,2398) size 784x19 [color=#0000FF]
-        RenderText {#text} at (0,0) size 473x19
-          text run at (0,0) width 473: "This paragraph should be blue, because only the first declaration is invalid."
-      RenderBlock {P} at (0,2431) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 483x19
-          text run at (0,0) width 483: "This paragraph should be green, because only the first declaration is invalid."
-      RenderBlock {P} at (0,2464) size 784x19 [color=#800080]
-        RenderText {#text} at (0,0) size 486x19
-          text run at (0,0) width 486: "This paragraph should be purple, because only the first declaration is invalid."
-      RenderBlock {P} at (0,2497) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 483x19
-          text run at (0,0) width 483: "This paragraph should be green, because only the first declaration is invalid."
-      RenderBlock {P} at (0,2530) size 784x19 [color=#008000]
-        RenderText {#text} at (0,0) size 483x19
-          text run at (0,0) width 483: "This paragraph should be green, because only the first declaration is invalid."
-      RenderBlock {P} at (0,2563) size 784x19
-        RenderText {#text} at (48,0) size 604x19
-          text run at (48,0) width 489: "This paragraph should be indented half an inch, but it should not be maroon. "
-          text run at (537,0) width 115: "It should be black."
-      RenderBlock {P} at (0,2596) size 784x38
-        RenderText {#text} at (0,0) size 766x38
-          text run at (0,0) width 766: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of the"
-          text run at (0,19) width 628: "selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."
-      RenderTable {TABLE} at (0,2648) size 784x1584 [border: (1px outset #808080)]
-        RenderTableSection {TBODY} at (1,1) size 782x1582
-          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 782x1554
-            RenderTableCell {TD} at (0,791) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x19
+layer at (0,0) size 800x3820
+  RenderBlock {HTML} at (0,0) size 800x3820
+    RenderBody {BODY} at (8,8) size 784x3804 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 784x17
+        RenderText {#text} at (0,0) size 326x17
+          text run at (0,0) width 326: "The style declarations which apply to the text below are:"
+      RenderBlock {PRE} at (0,30) size 784x918
+        RenderText {#text} at (0,0) size 399x918
+          text run at (0,0) width 212: "P.one {color: green; rotation: 70deg;}"
+          text run at (212,0) width 0: " "
+          text run at (0,17) width 125: "P.oneb {color: green;}"
+          text run at (125,17) width 0: " "
+          text run at (0,34) width 163: "P.oneb {color: invalidValue;}"
+          text run at (163,34) width 0: " "
+          text run at (0,51) width 191: "P.two {background-color: inherit;}"
+          text run at (191,51) width 0: " "
+          text run at (0,68) width 150: "H1 + P.three {color: blue;}"
+          text run at (150,68) width 0: " "
+          text run at (0,85) width 137: "P.four + H1 {color: red;}"
+          text run at (137,85) width 0: " "
+          text run at (0,102) width 185: "P.five {background-color: \"red\";}"
+          text run at (185,102) width 0: " "
+          text run at (0,119) width 288: "P.sixa {border-width: medium; border-style: solid;}"
+          text run at (288,119) width 0: " "
+          text run at (0,136) width 274: "P.sixb {border-width: funny; border-style: solid;}"
+          text run at (274,136) width 0: " "
+          text run at (0,153) width 270: "P.sixc {border-width: 50zu; border-style: solid;}"
+          text run at (270,153) width 0: " "
+          text run at (0,170) width 256: "P.sixd {border-width: px; border-style: solid;}"
+          text run at (256,170) width 0: " "
+          text run at (0,187) width 75: "@three-dee {"
+          text run at (75,187) width 0: " "
+          text run at (0,204) width 137: " @background-lighting {"
+          text run at (137,204) width 0: " "
+          text run at (0,221) width 101: "  azimuth: 30deg;"
+          text run at (101,221) width 0: " "
+          text run at (0,238) width 114: "  elevation: 190deg;"
+          text run at (114,238) width 0: " "
+          text run at (0,255) width 12: "  }"
+          text run at (12,255) width 0: " "
+          text run at (0,272) width 126: " P.seven { color: red }"
+          text run at (126,272) width 0: " "
+          text run at (0,289) width 8: " }"
+          text run at (8,289) width 0: " "
+          text run at (0,306) width 156: "P.eight {COLOR: GREEN;}"
+          text run at (156,306) width 0: " "
+          text run at (0,323) width 139: "OL:wait {color: maroon;}"
+          text run at (139,323) width 0: " "
+          text run at (0,340) width 183: "P.ten:first-child {color: maroon;}"
+          text run at (183,340) width 0: " "
+          text run at (0,357) width 137: "UL:lang(fr) {color: gray;}"
+          text run at (137,357) width 0: " "
+          text run at (0,374) width 200: "BLOCKQUOTE[href] {color: navy;}"
+          text run at (200,374) width 0: " "
+          text run at (0,391) width 219: "ACRONYM[href=\"foo\"] {color: purple;}"
+          text run at (219,391) width 0: " "
+          text run at (0,408) width 224: "ADDRESS[href~=\"foo\"] {color: purple;}"
+          text run at (224,408) width 0: " "
+          text run at (0,425) width 177: "SPAN[lang|=\"fr\"] {color: #c37;}"
+          text run at (177,425) width 0: " "
+          text run at (0,442) width 75: "@media tty {"
+          text run at (75,442) width 0: " "
+          text run at (0,459) width 90: " H1 {color: red;}"
+          text run at (90,459) width 0: " "
+          text run at (0,476) width 129: " P.sixteen {color: red;}"
+          text run at (129,476) width 0: " "
+          text run at (0,493) width 8: " }"
+          text run at (8,493) width 0: " "
+          text run at (0,510) width 75: "@three-dee {"
+          text run at (75,510) width 0: " "
+          text run at (0,527) width 147: " P.seventeen {color: red }"
+          text run at (147,527) width 0: " "
+          text run at (0,544) width 8: " }"
+          text run at (8,544) width 0: " "
+          text run at (0,561) width 399: "P.eighteena {text-decoration: underline overline line-through diagonal;"
+          text run at (399,561) width 0: " "
+          text run at (0,578) width 274: "            font: bold highlighted 100% sans-serif;}"
+          text run at (274,578) width 0: " "
+          text run at (0,595) width 399: "P.eighteenb {text-decoration: underline overline line-through diagonal;"
+          text run at (399,595) width 0: " "
+          text run at (0,612) width 242: "            font: bold highlighted 100% serif;}"
+          text run at (242,612) width 0: " "
+          text run at (0,629) width 303: "EM, P.nineteena ! EM, STRONG {font-size: 200%; }"
+          text run at (303,629) width 0: " "
+          text run at (0,646) width 0: " "
+          text run at (0,663) width 92: "// UL.nineteenb,"
+          text run at (92,663) width 0: " "
+          text run at (0,680) width 139: "P.nineteenb {color: red;}"
+          text run at (139,680) width 0: " "
+          text run at (0,697) width 0: " "
+          text run at (0,714) width 243: "P.twentya {rotation-code: \"}\"; color: blue;} "
+          text run at (243,714) width 0: " "
+          text run at (0,731) width 265: "P.twentyb {rotation-code: \"\\\"}\\\"\"; color: green;}"
+          text run at (265,731) width 0: " "
+          text run at (0,748) width 269: "P.twentyonea {rotation-code: '}'; color: purple;} "
+          text run at (269,748) width 0: " "
+          text run at (0,765) width 274: "P.twentyoneb {rotation-code: '\\'}\\''; color: green;}"
+          text run at (274,765) width 0: " "
+          text run at (0,782) width 79: "P.twentytwo {"
+          text run at (79,782) width 0: " "
+          text run at (0,799) width 256: " type-display: @threedee {rotation-code: '}';};"
+          text run at (256,799) width 0: " "
+          text run at (0,816) width 76: " color: green;"
+          text run at (76,816) width 0: " "
+          text run at (0,833) width 8: " }"
+          text run at (8,833) width 0: " "
+          text run at (0,850) width 193: "P.twentythree {text-indent: 0.5in;}"
+          text run at (193,850) width 0: " "
+          text run at (0,867) width 83: " color: maroon"
+          text run at (83,867) width 0: " "
+          text run at (0,884) width 143: "P.twentyfour {color: red;}"
+          text run at (143,884) width 0: " "
+          text run at (0,901) width 0: " "
+      RenderBlock {HR} at (0,961) size 784x2 [border: (1px inset #000000)]
+      RenderBlock {P} at (0,976) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 446x17
+          text run at (0,0) width 446: "This paragraph should be green, because only the rotation should be ignored."
+      RenderBlock {P} at (0,1006) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 572x17
+          text run at (0,0) width 572: "This paragraph should be green, since error-checking should be done before calculating specificity."
+      RenderBlock {P} at (0,1036) size 784x34
+        RenderText {#text} at (0,0) size 512x17
+          text run at (0,0) width 512: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
+        RenderInline {CODE} at (0,0) size 35x17
+          RenderText {#text} at (512,0) size 35x17
+            text run at (512,0) width 35: "inherit"
+        RenderText {#text} at (547,0) size 768x34
+          text run at (547,0) width 221: " is an invalid keyword, and in CSS2, it"
+          text run at (0,17) width 380: "will cause the gray background (not the white grid) to be inherited."
+      RenderBlock {P} at (0,1083) size 784x17
+        RenderText {#text} at (0,0) size 592x17
+          text run at (0,0) width 592: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+      RenderBlock {P} at (0,1113) size 784x17
+        RenderText {#text} at (0,0) size 592x17
+          text run at (0,0) width 592: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+      RenderBlock {P} at (0,1143) size 784x17
+        RenderText {#text} at (0,0) size 482x17
+          text run at (0,0) width 482: "This paragraph should have a white background, since keywords cannot be quoted."
+      RenderBlock {P} at (0,1173) size 784x40 [border: (3px solid #000000)]
+        RenderText {#text} at (3,3) size 750x34
+          text run at (3,3) width 593: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
+          text run at (596,3) width 157: "This should cause the user"
+          text run at (3,20) width 245: "agent to use the default value of 'medium'."
+      RenderBlock {P} at (0,1226) size 784x40 [border: (3px solid #000000)]
+        RenderText {#text} at (3,3) size 755x34
+          text run at (3,3) width 755: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs), because the"
+          text run at (3,20) width 133: "border-width is invalid. "
+          text run at (136,20) width 406: "This should cause the user agent to use the default value of 'medium'."
+      RenderBlock {P} at (0,1279) size 784x57 [border: (3px solid #000000)]
+        RenderText {#text} at (3,3) size 757x51
+          text run at (3,3) width 755: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs), because the"
+          text run at (3,20) width 459: "border-width units are invalid, and therefore the border-width should be ignored. "
+          text run at (462,20) width 298: "This should cause the user agent to use the default"
+          text run at (3,37) width 104: "value of 'medium'."
+      RenderBlock {P} at (0,1349) size 784x57 [border: (3px solid #000000)]
+        RenderText {#text} at (3,3) size 771x51
+          text run at (3,3) width 762: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because the border-width"
+          text run at (3,20) width 423: "does not have any value to go with its pixel unit, and is therefore invalid. "
+          text run at (426,20) width 348: "This should cause the user agent to use the default value of"
+          text run at (3,37) width 54: "'medium'."
+      RenderBlock {P} at (0,1419) size 784x17
+        RenderText {#text} at (0,0) size 610x17
+          text run at (0,0) width 610: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+      RenderBlock {P} at (0,1449) size 784x34 [color=#008000]
+        RenderText {#text} at (0,0) size 771x34
+          text run at (0,0) width 190: "This paragraph should be green. "
+          text run at (190,0) width 581: "CSS is case-insensitive, unless required to be case sensitive due to interaction with other standards"
+          text run at (0,17) width 158: "(e.g., font names or URLs.)"
+      RenderBlock {OL} at (0,1496) size 784x17
+        RenderListItem {LI} at (40,0) size 744x17
+          RenderListMarker at (-19,0) size 15x17: "1"
+          RenderText {#text} at (0,0) size 582x17
+            text run at (0,0) width 582: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
+      RenderBlock {P} at (0,1526) size 784x34
+        RenderText {#text} at (0,0) size 768x34
+          text run at (0,0) width 768: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this paragraph is not the first"
+          text run at (0,17) width 31: "child."
+      RenderBlock {UL} at (0,1573) size 784x34
+        RenderListItem {LI} at (40,0) size 744x34
+          RenderListMarker at (-16,0) size 6x17: bullet
+          RenderText {#text} at (0,0) size 704x34
+            text run at (0,0) width 704: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the"
+            text run at (0,17) width 149: "selector should not apply."
+      RenderBlock {BLOCKQUOTE} at (40,1620) size 704x34
+        RenderText {#text} at (0,0) size 660x34
+          text run at (0,0) width 660: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the"
+          text run at (0,17) width 149: "selector should not apply."
+      RenderBlock {P} at (0,1667) size 784x34
+        RenderInline {ACRONYM} at (0,0) size 761x34
+          RenderText {#text} at (0,0) size 761x34
+            text run at (0,0) width 761: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should not"
+            text run at (0,17) width 35: "apply."
+      RenderBlock {ADDRESS} at (0,1714) size 784x34
+        RenderText {#text} at (0,0) size 757x34
+          text run at (0,0) width 757: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should not"
+          text run at (0,17) width 35: "apply."
+      RenderBlock {P} at (0,1761) size 784x17
+        RenderInline {SPAN} at (0,0) size 778x17
+          RenderText {#text} at (0,0) size 778x17
+            text run at (0,0) width 778: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should not apply."
+      RenderBlock {P} at (0,1791) size 784x34
+        RenderText {#text} at (0,0) size 780x34
+          text run at (0,0) width 614: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. "
+          text run at (614,0) width 166: "However, it is valid in CSS2,"
+          text run at (0,17) width 459: "so if this is being viewed on a tty browser that supports CSS2, it should be red."
+      RenderBlock {P} at (0,1838) size 784x17
+        RenderText {#text} at (0,0) size 610x17
+          text run at (0,0) width 610: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+      RenderBlock {P} at (0,1868) size 784x68
+        RenderText {#text} at (0,0) size 682x17
+          text run at (0,0) width 682: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because "
+        RenderInline {CODE} at (0,0) size 48x17
+          RenderText {#text} at (682,0) size 48x17
+            text run at (682,0) width 48: "diagonal"
+        RenderText {#text} at (730,0) size 777x34
+          text run at (730,0) width 47: " is not a"
+          text run at (0,17) width 155: "valid keyword, making the "
+        RenderInline {CODE} at (0,0) size 86x17
+          RenderText {#text} at (155,17) size 86x17
+            text run at (155,17) width 86: "text-decoration"
+        RenderText {#text} at (241,17) size 117x17
+          text run at (241,17) width 49: " invalid. "
+          text run at (290,17) width 68: "In addition, "
+        RenderInline {CODE} at (0,0) size 62x17
+          RenderText {#text} at (358,17) size 62x17
+            text run at (358,17) width 62: "highlighted"
+        RenderText {#text} at (420,17) size 145x17
+          text run at (420,17) width 145: " is not a valid part of the "
+        RenderInline {CODE} at (0,0) size 22x17
+          RenderText {#text} at (565,17) size 22x17
+            text run at (565,17) width 22: "font"
+        RenderText {#text} at (587,17) size 744x34
+          text run at (587,17) width 157: " property, making it invalid."
+          text run at (0,34) width 516: "Therefore, this paragraph's font should be the UA default, and match the next paragraph. "
+          text run at (516,34) width 182: "If this is not the case, then the "
+        RenderInline {CODE} at (0,0) size 22x17
+          RenderText {#text} at (698,34) size 22x17
+            text run at (698,34) width 22: "font"
+        RenderText {#text} at (0,51) size 223x17
+          text run at (0,51) width 223: "declaration is being improperly parsed."
+      RenderBlock {P} at (0,1949) size 784x68
+        RenderText {#text} at (0,0) size 682x17
+          text run at (0,0) width 682: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because "
+        RenderInline {CODE} at (0,0) size 48x17
+          RenderText {#text} at (682,0) size 48x17
+            text run at (682,0) width 48: "diagonal"
+        RenderText {#text} at (730,0) size 777x34
+          text run at (730,0) width 47: " is not a"
+          text run at (0,17) width 155: "valid keyword, making the "
+        RenderInline {CODE} at (0,0) size 86x17
+          RenderText {#text} at (155,17) size 86x17
+            text run at (155,17) width 86: "text-decoration"
+        RenderText {#text} at (241,17) size 117x17
+          text run at (241,17) width 49: " invalid. "
+          text run at (290,17) width 68: "In addition, "
+        RenderInline {CODE} at (0,0) size 62x17
+          RenderText {#text} at (358,17) size 62x17
+            text run at (358,17) width 62: "highlighted"
+        RenderText {#text} at (420,17) size 145x17
+          text run at (420,17) width 145: " is not a valid part of the "
+        RenderInline {CODE} at (0,0) size 22x17
+          RenderText {#text} at (565,17) size 22x17
+            text run at (565,17) width 22: "font"
+        RenderText {#text} at (587,17) size 744x34
+          text run at (587,17) width 157: " property, making it invalid."
+          text run at (0,34) width 540: "Therefore, this paragraph's font should be the UA default, and match the previous paragraph. "
+          text run at (540,34) width 182: "If this is not the case, then the "
+        RenderInline {CODE} at (0,0) size 22x17
+          RenderText {#text} at (722,34) size 22x17
+            text run at (722,34) width 22: "font"
+        RenderText {#text} at (0,51) size 223x17
+          text run at (0,51) width 223: "declaration is being improperly parsed."
+      RenderBlock {P} at (0,2030) size 784x52
+        RenderText {#text} at (0,0) size 494x17
+          text run at (0,0) width 468: "The text of this paragraph should be normal size because the selector is invalid. "
+          text run at (468,0) width 26: "The "
+        RenderInline {EM} at (0,0) size 96x17
+          RenderText {#text} at (494,0) size 96x17
+            text run at (494,0) width 96: "emphasized text"
+        RenderText {#text} at (590,0) size 51x17
+          text run at (590,0) width 51: " and the "
+        RenderInline {STRONG} at (0,0) size 66x17
+          RenderText {#text} at (641,0) size 66x17
+            text run at (641,0) width 66: "strong text"
+        RenderText {#text} at (707,0) size 781x52
+          text run at (707,0) width 48: " within it"
+          text run at (0,18) width 781: "should also be normal size, since the entire ruleset should be skipped (since in some future version of CSS, there could be an operator"
+          text run at (0,35) width 361: "within the selector that has higher precedence than a comma)."
+      RenderBlock {P} at (0,2095) size 784x35
+        RenderText {#text} at (0,0) size 431x17
+          text run at (0,0) width 431: "This paragraph should be black, because the line before the declaration is "
+        RenderInline {STRONG} at (0,0) size 20x17
+          RenderText {#text} at (431,0) size 20x17
+            text run at (431,0) width 20: "not"
+        RenderText {#text} at (451,0) size 778x35
+          text run at (451,0) width 327: " a comment and therefore the selector for P.nineteenb is"
+          text run at (0,18) width 41: "invalid."
+      RenderBlock {P} at (0,2143) size 784x17 [color=#0000FF]
+        RenderText {#text} at (0,0) size 433x17
+          text run at (0,0) width 433: "This paragraph should be blue, because only the first declaration is invalid."
+      RenderBlock {P} at (0,2173) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 441x17
+          text run at (0,0) width 441: "This paragraph should be green, because only the first declaration is invalid."
+      RenderBlock {P} at (0,2203) size 784x17 [color=#800080]
+        RenderText {#text} at (0,0) size 444x17
+          text run at (0,0) width 444: "This paragraph should be purple, because only the first declaration is invalid."
+      RenderBlock {P} at (0,2233) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 441x17
+          text run at (0,0) width 441: "This paragraph should be green, because only the first declaration is invalid."
+      RenderBlock {P} at (0,2263) size 784x17 [color=#008000]
+        RenderText {#text} at (0,0) size 441x17
+          text run at (0,0) width 441: "This paragraph should be green, because only the first declaration is invalid."
+      RenderBlock {P} at (0,2293) size 784x17
+        RenderText {#text} at (48,0) size 551x17
+          text run at (48,0) width 444: "This paragraph should be indented half an inch, but it should not be maroon. "
+          text run at (492,0) width 107: "It should be black."
+      RenderBlock {P} at (0,2323) size 784x34
+        RenderText {#text} at (0,0) size 766x34
+          text run at (0,0) width 766: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of the selector for"
+          text run at (0,17) width 506: "this ruleset, and this ruleset therefore has an invalid selector and should not be applied."
+      RenderTable {TABLE} at (0,2370) size 784x1434 [border: (1px outset #808080)]
+        RenderTableSection {TBODY} at (1,1) size 782x1432
+          RenderTableRow {TR} at (0,0) size 782x26
+            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 144x17
+                RenderText {#text} at (4,4) size 144x17
+                  text run at (4,4) width 144: "TABLE Testing Section"
+          RenderTableRow {TR} at (0,26) size 782x1406
+            RenderTableCell {TD} at (0,716) size 12x25 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
-            RenderTableCell {TD} at (12,28) size 770x1554 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 494x19
-                  text run at (0,0) width 494: "This paragraph should be green, because only the rotation should be ignored."
-              RenderBlock {P} at (4,37) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 628x19
-                  text run at (0,0) width 628: "This paragraph should be green, since error-checking should be done before calculating specificity."
-              RenderBlock {P} at (4,70) size 762x38
-                RenderText {#text} at (0,0) size 563x19
-                  text run at (0,0) width 563: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
-                RenderInline {CODE} at (0,0) size 39x19
-                  RenderText {#text} at (563,0) size 39x19
-                    text run at (563,0) width 39: "inherit"
-                RenderText {#text} at (602,0) size 741x38
-                  text run at (602,0) width 139: " is an invalid keyword,"
-                  text run at (0,19) width 516: "and in CSS2, it will cause the gray background (not the white grid) to be inherited."
-              RenderBlock {P} at (4,122) size 762x19
-                RenderText {#text} at (0,0) size 639x19
-                  text run at (0,0) width 639: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
-              RenderBlock {P} at (4,155) size 762x19
-                RenderText {#text} at (0,0) size 639x19
-                  text run at (0,0) width 639: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
-              RenderBlock {P} at (4,188) size 762x19
-                RenderText {#text} at (0,0) size 530x19
-                  text run at (0,0) width 530: "This paragraph should have a white background, since keywords cannot be quoted."
-              RenderBlock {P} at (4,221) size 762x44 [border: (3px solid #000000)]
-                RenderText {#text} at (3,3) size 731x38
-                  text run at (3,3) width 658: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
-                  text run at (661,3) width 73: "This should"
-                  text run at (3,22) width 367: "cause the user agent to use the default value of 'medium'."
-              RenderBlock {P} at (4,279) size 762x44 [border: (3px solid #000000)]
-                RenderText {#text} at (3,3) size 753x38
-                  text run at (3,3) width 753: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs),"
-                  text run at (3,22) width 228: "because the border-width is invalid. "
-                  text run at (231,22) width 444: "This should cause the user agent to use the default value of 'medium'."
-              RenderBlock {P} at (4,337) size 762x63 [border: (3px solid #000000)]
-                RenderText {#text} at (3,3) size 753x57
-                  text run at (3,3) width 753: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs),"
-                  text run at (3,22) width 593: "because the border-width units are invalid, and therefore the border-width should be ignored. "
-                  text run at (596,22) width 139: "This should cause the"
-                  text run at (3,41) width 301: "user agent to use the default value of 'medium'."
-              RenderBlock {P} at (4,414) size 762x63 [border: (3px solid #000000)]
-                RenderText {#text} at (3,3) size 739x57
-                  text run at (3,3) width 739: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because"
-                  text run at (3,22) width 566: "the border-width does not have any value to go with its pixel unit, and is therefore invalid. "
-                  text run at (569,22) width 171: "This should cause the user"
-                  text run at (3,41) width 269: "agent to use the default value of 'medium'."
-              RenderBlock {P} at (4,491) size 762x19
-                RenderText {#text} at (0,0) size 664x19
-                  text run at (0,0) width 664: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
-              RenderBlock {P} at (4,524) size 762x38 [color=#008000]
-                RenderText {#text} at (0,0) size 737x38
-                  text run at (0,0) width 212: "This paragraph should be green. "
-                  text run at (212,0) width 525: "CSS is case-insensitive, unless required to be case sensitive due to interaction with"
-                  text run at (0,19) width 277: "other standards (e.g., font names or URLs.)"
-              RenderBlock {OL} at (4,576) size 762x19
-                RenderListItem {LI} at (40,0) size 722x19
-                  RenderListMarker at (-20,0) size 16x19: "1"
-                  RenderText {#text} at (0,0) size 633x19
-                    text run at (0,0) width 633: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
-              RenderBlock {P} at (4,609) size 762x38
-                RenderText {#text} at (0,0) size 757x38
-                  text run at (0,0) width 757: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this paragraph is"
-                  text run at (0,19) width 108: "not the first child."
-              RenderBlock {UL} at (4,661) size 762x38
-                RenderListItem {LI} at (40,0) size 722x38
-                  RenderListMarker at (-17,0) size 7x19: bullet
-                  RenderText {#text} at (0,0) size 694x38
-                    text run at (0,0) width 694: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to"
-                    text run at (0,19) width 230: "CSS2, the selector should not apply."
-              RenderBlock {BLOCKQUOTE} at (44,713) size 682x38
-                RenderText {#text} at (0,0) size 645x38
-                  text run at (0,0) width 645: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to"
-                  text run at (0,19) width 230: "CSS2, the selector should not apply."
-              RenderBlock {P} at (4,765) size 762x38
-                RenderInline {ACRONYM} at (0,0) size 753x38
-                  RenderText {#text} at (0,0) size 753x38
-                    text run at (0,0) width 753: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
-                    text run at (0,19) width 108: "should not apply."
-              RenderBlock {ADDRESS} at (4,817) size 762x40
-                RenderText {#text} at (0,0) size 749x39
-                  text run at (0,0) width 749: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
-                  text run at (0,20) width 108: "should not apply."
-              RenderBlock {P} at (4,871) size 762x38
-                RenderInline {SPAN} at (0,0) size 729x38
-                  RenderText {#text} at (0,0) size 729x38
-                    text run at (0,0) width 729: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector"
-                    text run at (0,19) width 108: "should not apply."
-              RenderBlock {P} at (4,923) size 762x38
-                RenderText {#text} at (0,0) size 753x38
-                  text run at (0,0) width 668: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. "
-                  text run at (668,0) width 85: "However, it is"
-                  text run at (0,19) width 588: "valid in CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red."
-              RenderBlock {P} at (4,975) size 762x19
-                RenderText {#text} at (0,0) size 664x19
-                  text run at (0,0) width 664: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
-              RenderBlock {P} at (4,1008) size 762x76
-                RenderText {#text} at (0,0) size 743x19
-                  text run at (0,0) width 743: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
-                RenderInline {CODE} at (0,0) size 54x19
-                  RenderText {#text} at (0,19) size 54x19
-                    text run at (0,19) width 54: "diagonal"
-                RenderText {#text} at (54,19) size 222x19
-                  text run at (54,19) width 222: " is not a valid keyword, making the "
-                RenderInline {CODE} at (0,0) size 95x19
-                  RenderText {#text} at (276,19) size 95x19
-                    text run at (276,19) width 95: "text-decoration"
-                RenderText {#text} at (371,19) size 126x19
-                  text run at (371,19) width 52: " invalid. "
-                  text run at (423,19) width 74: "In addition, "
-                RenderInline {CODE} at (0,0) size 69x19
-                  RenderText {#text} at (497,19) size 69x19
-                    text run at (497,19) width 69: "highlighted"
-                RenderText {#text} at (566,19) size 156x19
-                  text run at (566,19) width 156: " is not a valid part of the "
-                RenderInline {CODE} at (0,0) size 24x19
-                  RenderText {#text} at (722,19) size 24x19
-                    text run at (722,19) width 24: "font"
-                RenderText {#text} at (0,38) size 747x38
-                  text run at (0,38) width 170: "property, making it invalid. "
-                  text run at (170,38) width 569: "Therefore, this paragraph's font should be the UA default, and match the next paragraph. "
-                  text run at (739,38) width 8: "If"
-                  text run at (0,57) width 182: "this is not the case, then the "
-                RenderInline {CODE} at (0,0) size 24x19
-                  RenderText {#text} at (182,57) size 24x19
-                    text run at (182,57) width 24: "font"
-                RenderText {#text} at (206,57) size 250x19
-                  text run at (206,57) width 250: " declaration is being improperly parsed."
-              RenderBlock {P} at (4,1098) size 762x76
-                RenderText {#text} at (0,0) size 743x19
-                  text run at (0,0) width 743: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because"
-                RenderInline {CODE} at (0,0) size 54x19
-                  RenderText {#text} at (0,19) size 54x19
-                    text run at (0,19) width 54: "diagonal"
-                RenderText {#text} at (54,19) size 222x19
-                  text run at (54,19) width 222: " is not a valid keyword, making the "
-                RenderInline {CODE} at (0,0) size 95x19
-                  RenderText {#text} at (276,19) size 95x19
-                    text run at (276,19) width 95: "text-decoration"
-                RenderText {#text} at (371,19) size 126x19
-                  text run at (371,19) width 52: " invalid. "
-                  text run at (423,19) width 74: "In addition, "
-                RenderInline {CODE} at (0,0) size 69x19
-                  RenderText {#text} at (497,19) size 69x19
-                    text run at (497,19) width 69: "highlighted"
-                RenderText {#text} at (566,19) size 156x19
-                  text run at (566,19) width 156: " is not a valid part of the "
-                RenderInline {CODE} at (0,0) size 24x19
-                  RenderText {#text} at (722,19) size 24x19
-                    text run at (722,19) width 24: "font"
-                RenderText {#text} at (0,38) size 762x38
-                  text run at (0,38) width 170: "property, making it invalid. "
-                  text run at (170,38) width 592: "Therefore, this paragraph's font should be the UA default, and match the previous paragraph."
-                  text run at (0,57) width 194: "If this is not the case, then the "
-                RenderInline {CODE} at (0,0) size 24x19
-                  RenderText {#text} at (194,57) size 24x19
-                    text run at (194,57) width 24: "font"
-                RenderText {#text} at (218,57) size 250x19
-                  text run at (218,57) width 250: " declaration is being improperly parsed."
-              RenderBlock {P} at (4,1188) size 762x59
-                RenderText {#text} at (0,0) size 538x19
-                  text run at (0,0) width 509: "The text of this paragraph should be normal size because the selector is invalid. "
-                  text run at (509,0) width 29: "The "
-                RenderInline {EM} at (0,0) size 104x19
-                  RenderText {#text} at (538,0) size 104x19
-                    text run at (538,0) width 104: "emphasized text"
-                RenderText {#text} at (642,0) size 56x19
-                  text run at (642,0) width 56: " and the "
-                RenderInline {STRONG} at (0,0) size 743x40
-                  RenderText {#text} at (698,0) size 743x40
-                    text run at (698,0) width 45: "strong"
-                    text run at (0,20) width 26: "text"
-                RenderText {#text} at (26,20) size 760x39
-                  text run at (26,20) width 734: " within it should also be normal size, since the entire ruleset should be skipped (since in some future version of CSS,"
-                  text run at (0,40) width 569: "there could be an operator within the selector that has higher precedence than a comma)."
-              RenderBlock {P} at (4,1261) size 762x39
-                RenderText {#text} at (0,0) size 473x19
-                  text run at (0,0) width 473: "This paragraph should be black, because the line before the declaration is "
-                RenderInline {STRONG} at (0,0) size 23x20
-                  RenderText {#text} at (473,0) size 23x20
-                    text run at (473,0) width 23: "not"
-                RenderText {#text} at (496,0) size 760x39
-                  text run at (496,0) width 264: " a comment and therefore the selector for"
-                  text run at (0,20) width 138: "P.nineteenb is invalid."
-              RenderBlock {P} at (4,1314) size 762x19 [color=#0000FF]
-                RenderText {#text} at (0,0) size 473x19
-                  text run at (0,0) width 473: "This paragraph should be blue, because only the first declaration is invalid."
-              RenderBlock {P} at (4,1347) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 483x19
-                  text run at (0,0) width 483: "This paragraph should be green, because only the first declaration is invalid."
-              RenderBlock {P} at (4,1380) size 762x19 [color=#800080]
-                RenderText {#text} at (0,0) size 486x19
-                  text run at (0,0) width 486: "This paragraph should be purple, because only the first declaration is invalid."
-              RenderBlock {P} at (4,1413) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 483x19
-                  text run at (0,0) width 483: "This paragraph should be green, because only the first declaration is invalid."
-              RenderBlock {P} at (4,1446) size 762x19 [color=#008000]
-                RenderText {#text} at (0,0) size 483x19
-                  text run at (0,0) width 483: "This paragraph should be green, because only the first declaration is invalid."
-              RenderBlock {P} at (4,1479) size 762x19
-                RenderText {#text} at (48,0) size 604x19
-                  text run at (48,0) width 489: "This paragraph should be indented half an inch, but it should not be maroon. "
-                  text run at (537,0) width 115: "It should be black."
-              RenderBlock {P} at (4,1512) size 762x38
-                RenderText {#text} at (0,0) size 742x38
-                  text run at (0,0) width 742: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of"
-                  text run at (0,19) width 652: "the selector for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."
+            RenderTableCell {TD} at (12,26) size 770x1406 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 446x17
+                  text run at (0,0) width 446: "This paragraph should be green, because only the rotation should be ignored."
+              RenderBlock {P} at (4,34) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 572x17
+                  text run at (0,0) width 572: "This paragraph should be green, since error-checking should be done before calculating specificity."
+              RenderBlock {P} at (4,64) size 762x34
+                RenderText {#text} at (0,0) size 512x17
+                  text run at (0,0) width 512: "This paragraph should have a solid gray background (or a white grid), because in CSS1, "
+                RenderInline {CODE} at (0,0) size 35x17
+                  RenderText {#text} at (512,0) size 35x17
+                    text run at (512,0) width 35: "inherit"
+                RenderText {#text} at (547,0) size 757x34
+                  text run at (547,0) width 210: " is an invalid keyword, and in CSS2,"
+                  text run at (0,17) width 391: "it will cause the gray background (not the white grid) to be inherited."
+              RenderBlock {P} at (4,111) size 762x17
+                RenderText {#text} at (0,0) size 592x17
+                  text run at (0,0) width 592: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+              RenderBlock {P} at (4,141) size 762x17
+                RenderText {#text} at (0,0) size 592x17
+                  text run at (0,0) width 592: "This paragraph should be black, since in CSS1, the selector is invalid, and in CSS2, it does not apply."
+              RenderBlock {P} at (4,171) size 762x17
+                RenderText {#text} at (0,0) size 482x17
+                  text run at (0,0) width 482: "This paragraph should have a white background, since keywords cannot be quoted."
+              RenderBlock {P} at (4,201) size 762x40 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 750x34
+                  text run at (3,3) width 593: "This paragraph should have a medium-width border around it (the same as the next three paragraphs). "
+                  text run at (596,3) width 157: "This should cause the user"
+                  text run at (3,20) width 245: "agent to use the default value of 'medium'."
+              RenderBlock {P} at (4,254) size 762x40 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 755x34
+                  text run at (3,3) width 755: "This paragraph should have a medium-width border around it (the same as the previous and the next two paragraphs), because the"
+                  text run at (3,20) width 133: "border-width is invalid. "
+                  text run at (136,20) width 406: "This should cause the user agent to use the default value of 'medium'."
+              RenderBlock {P} at (4,307) size 762x57 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 755x51
+                  text run at (3,3) width 755: "This paragraph should have a medium-width border around it (the same as the next and the previous two paragraphs), because the"
+                  text run at (3,20) width 459: "border-width units are invalid, and therefore the border-width should be ignored. "
+                  text run at (462,20) width 255: "This should cause the user agent to use the"
+                  text run at (3,37) width 147: "default value of 'medium'."
+              RenderBlock {P} at (4,377) size 762x57 [border: (3px solid #000000)]
+                RenderText {#text} at (3,3) size 755x51
+                  text run at (3,3) width 732: "This paragraph should have a medium-width border around it (the same as the previous three paragraphs), because the border-"
+                  text run at (3,20) width 457: "width does not have any value to go with its pixel unit, and is therefore invalid. "
+                  text run at (460,20) width 298: "This should cause the user agent to use the default"
+                  text run at (3,37) width 104: "value of 'medium'."
+              RenderBlock {P} at (4,447) size 762x17
+                RenderText {#text} at (0,0) size 610x17
+                  text run at (0,0) width 610: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+              RenderBlock {P} at (4,477) size 762x34 [color=#008000]
+                RenderText {#text} at (0,0) size 710x34
+                  text run at (0,0) width 190: "This paragraph should be green. "
+                  text run at (190,0) width 520: "CSS is case-insensitive, unless required to be case sensitive due to interaction with other"
+                  text run at (0,17) width 219: "standards (e.g., font names or URLs.)"
+              RenderBlock {OL} at (4,524) size 762x17
+                RenderListItem {LI} at (40,0) size 722x17
+                  RenderListMarker at (-19,0) size 15x17: "1"
+                  RenderText {#text} at (0,0) size 582x17
+                    text run at (0,0) width 582: "This ordered list item should be black, because the declaration has an invalid pseudo-class selector."
+              RenderBlock {P} at (4,554) size 762x34
+                RenderText {#text} at (0,0) size 742x34
+                  text run at (0,0) width 742: "This paragraph should be black, because, in CSS1, :first-child is an invalid pseudo-class, and in CSS2, this paragraph is not the"
+                  text run at (0,17) width 57: "first child."
+              RenderBlock {UL} at (4,601) size 762x34
+                RenderListItem {LI} at (40,0) size 722x34
+                  RenderListMarker at (-16,0) size 6x17: bullet
+                  RenderText {#text} at (0,0) size 704x34
+                    text run at (0,0) width 704: "This unordered list item should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the"
+                    text run at (0,17) width 149: "selector should not apply."
+              RenderBlock {BLOCKQUOTE} at (44,648) size 682x34
+                RenderText {#text} at (0,0) size 660x34
+                  text run at (0,0) width 660: "This blockquote should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the"
+                  text run at (0,17) width 149: "selector should not apply."
+              RenderBlock {P} at (4,695) size 762x34
+                RenderInline {ACRONYM} at (0,0) size 761x34
+                  RenderText {#text} at (0,0) size 761x34
+                    text run at (0,0) width 761: "This acronym should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should not"
+                    text run at (0,17) width 35: "apply."
+              RenderBlock {ADDRESS} at (4,742) size 762x34
+                RenderText {#text} at (0,0) size 757x34
+                  text run at (0,0) width 757: "This address should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should not"
+                  text run at (0,17) width 35: "apply."
+              RenderBlock {P} at (4,789) size 762x34
+                RenderInline {SPAN} at (0,0) size 739x34
+                  RenderText {#text} at (0,0) size 739x34
+                    text run at (0,0) width 739: "This span should be black, because, according to CSS1, the selector is invalid, and according to CSS2, the selector should not"
+                    text run at (0,17) width 35: "apply."
+              RenderBlock {P} at (4,836) size 762x34
+                RenderText {#text} at (0,0) size 738x34
+                  text run at (0,0) width 614: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule. "
+                  text run at (614,0) width 124: "However, it is valid in"
+                  text run at (0,17) width 501: "CSS2, so if this is being viewed on a tty browser that supports CSS2, it should be red."
+              RenderBlock {P} at (4,883) size 762x17
+                RenderText {#text} at (0,0) size 610x17
+                  text run at (0,0) width 610: "This paragraph should be black, because the style declaration that applies to it is within an invalid at-rule."
+              RenderBlock {P} at (4,913) size 762x68
+                RenderText {#text} at (0,0) size 682x17
+                  text run at (0,0) width 682: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because "
+                RenderInline {CODE} at (0,0) size 48x17
+                  RenderText {#text} at (682,0) size 48x17
+                    text run at (682,0) width 48: "diagonal"
+                RenderText {#text} at (730,0) size 744x34
+                  text run at (730,0) width 14: " is"
+                  text run at (0,17) width 188: "not a valid keyword, making the "
+                RenderInline {CODE} at (0,0) size 86x17
+                  RenderText {#text} at (188,17) size 86x17
+                    text run at (188,17) width 86: "text-decoration"
+                RenderText {#text} at (274,17) size 117x17
+                  text run at (274,17) width 49: " invalid. "
+                  text run at (323,17) width 68: "In addition, "
+                RenderInline {CODE} at (0,0) size 62x17
+                  RenderText {#text} at (391,17) size 62x17
+                    text run at (391,17) width 62: "highlighted"
+                RenderText {#text} at (453,17) size 145x17
+                  text run at (453,17) width 145: " is not a valid part of the "
+                RenderInline {CODE} at (0,0) size 22x17
+                  RenderText {#text} at (598,17) size 22x17
+                    text run at (598,17) width 22: "font"
+                RenderText {#text} at (620,17) size 739x34
+                  text run at (620,17) width 112: " property, making it"
+                  text run at (0,34) width 45: "invalid. "
+                  text run at (45,34) width 516: "Therefore, this paragraph's font should be the UA default, and match the next paragraph. "
+                  text run at (561,34) width 178: "If this is not the case, then the"
+                RenderInline {CODE} at (0,0) size 22x17
+                  RenderText {#text} at (0,51) size 22x17
+                    text run at (0,51) width 22: "font"
+                RenderText {#text} at (22,51) size 227x17
+                  text run at (22,51) width 227: " declaration is being improperly parsed."
+              RenderBlock {P} at (4,994) size 762x68
+                RenderText {#text} at (0,0) size 682x17
+                  text run at (0,0) width 682: "The text of this paragraph should be normal (that is, it should not be underlined, overlined, stricken, or bold), because "
+                RenderInline {CODE} at (0,0) size 48x17
+                  RenderText {#text} at (682,0) size 48x17
+                    text run at (682,0) width 48: "diagonal"
+                RenderText {#text} at (730,0) size 744x34
+                  text run at (730,0) width 14: " is"
+                  text run at (0,17) width 188: "not a valid keyword, making the "
+                RenderInline {CODE} at (0,0) size 86x17
+                  RenderText {#text} at (188,17) size 86x17
+                    text run at (188,17) width 86: "text-decoration"
+                RenderText {#text} at (274,17) size 117x17
+                  text run at (274,17) width 49: " invalid. "
+                  text run at (323,17) width 68: "In addition, "
+                RenderInline {CODE} at (0,0) size 62x17
+                  RenderText {#text} at (391,17) size 62x17
+                    text run at (391,17) width 62: "highlighted"
+                RenderText {#text} at (453,17) size 145x17
+                  text run at (453,17) width 145: " is not a valid part of the "
+                RenderInline {CODE} at (0,0) size 22x17
+                  RenderText {#text} at (598,17) size 22x17
+                    text run at (598,17) width 22: "font"
+                RenderText {#text} at (620,17) size 741x51
+                  text run at (620,17) width 112: " property, making it"
+                  text run at (0,34) width 45: "invalid. "
+                  text run at (45,34) width 540: "Therefore, this paragraph's font should be the UA default, and match the previous paragraph. "
+                  text run at (585,34) width 156: "If this is not the case, then"
+                  text run at (0,51) width 22: "the "
+                RenderInline {CODE} at (0,0) size 22x17
+                  RenderText {#text} at (22,51) size 22x17
+                    text run at (22,51) width 22: "font"
+                RenderText {#text} at (44,51) size 227x17
+                  text run at (44,51) width 227: " declaration is being improperly parsed."
+              RenderBlock {P} at (4,1075) size 762x52
+                RenderText {#text} at (0,0) size 494x17
+                  text run at (0,0) width 468: "The text of this paragraph should be normal size because the selector is invalid. "
+                  text run at (468,0) width 26: "The "
+                RenderInline {EM} at (0,0) size 96x17
+                  RenderText {#text} at (494,0) size 96x17
+                    text run at (494,0) width 96: "emphasized text"
+                RenderText {#text} at (590,0) size 51x17
+                  text run at (590,0) width 51: " and the "
+                RenderInline {STRONG} at (0,0) size 66x17
+                  RenderText {#text} at (641,0) size 66x17
+                    text run at (641,0) width 66: "strong text"
+                RenderText {#text} at (707,0) size 755x52
+                  text run at (707,0) width 48: " within it"
+                  text run at (0,18) width 730: "should also be normal size, since the entire ruleset should be skipped (since in some future version of CSS, there could be an"
+                  text run at (0,35) width 412: "operator within the selector that has higher precedence than a comma)."
+              RenderBlock {P} at (4,1140) size 762x35
+                RenderText {#text} at (0,0) size 431x17
+                  text run at (0,0) width 431: "This paragraph should be black, because the line before the declaration is "
+                RenderInline {STRONG} at (0,0) size 20x17
+                  RenderText {#text} at (431,0) size 20x17
+                    text run at (431,0) width 20: "not"
+                RenderText {#text} at (451,0) size 691x35
+                  text run at (451,0) width 240: " a comment and therefore the selector for"
+                  text run at (0,18) width 128: "P.nineteenb is invalid."
+              RenderBlock {P} at (4,1188) size 762x17 [color=#0000FF]
+                RenderText {#text} at (0,0) size 433x17
+                  text run at (0,0) width 433: "This paragraph should be blue, because only the first declaration is invalid."
+              RenderBlock {P} at (4,1218) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 441x17
+                  text run at (0,0) width 441: "This paragraph should be green, because only the first declaration is invalid."
+              RenderBlock {P} at (4,1248) size 762x17 [color=#800080]
+                RenderText {#text} at (0,0) size 444x17
+                  text run at (0,0) width 444: "This paragraph should be purple, because only the first declaration is invalid."
+              RenderBlock {P} at (4,1278) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 441x17
+                  text run at (0,0) width 441: "This paragraph should be green, because only the first declaration is invalid."
+              RenderBlock {P} at (4,1308) size 762x17 [color=#008000]
+                RenderText {#text} at (0,0) size 441x17
+                  text run at (0,0) width 441: "This paragraph should be green, because only the first declaration is invalid."
+              RenderBlock {P} at (4,1338) size 762x17
+                RenderText {#text} at (48,0) size 551x17
+                  text run at (48,0) width 444: "This paragraph should be indented half an inch, but it should not be maroon. "
+                  text run at (492,0) width 107: "It should be black."
+              RenderBlock {P} at (4,1368) size 762x34
+                RenderText {#text} at (0,0) size 747x34
+                  text run at (0,0) width 747: "This paragraph should be black, because the color declaration after the previous ruleset should be considered part of the selector"
+                  text run at (0,17) width 525: "for this ruleset, and this ruleset therefore has an invalid selector and should not be applied."