Auto-rebaseline for r189636

LayoutTests/platform/mac/css1/color_and_background/background_position-expected.txt

Index: LayoutTests/platform/mac/css1/color_and_background/background_position-expected.txt
diff --git a/LayoutTests/platform/mac/css1/color_and_background/background_position-expected.txt b/LayoutTests/platform/mac/css1/color_and_background/background_position-expected.txt
index f00c21a4d6f4e305187352e96986c0740ec33c5a..579aa0fc7f0ac95bc72cb2ce17529004b9fad59f 100644
--- a/LayoutTests/platform/mac/css1/color_and_background/background_position-expected.txt
+++ b/LayoutTests/platform/mac/css1/color_and_background/background_position-expected.txt
@@ -1,148 +1,148 @@
-layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1326
+layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1458
   RenderView at (0,0) size 800x600
-layer at (0,0) size 785x1326 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  RenderBlock {HTML} at (0,0) size 785x1326
-    RenderBody {BODY} at (8,8) size 769x1310 [bgcolor=#CCCCCC]
-      RenderBlock {P} at (0,0) size 769x16
-        RenderText {#text} at (0,0) size 363x16
+layer at (0,0) size 785x1458 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
+  RenderBlock {HTML} at (0,0) size 785x1458
+    RenderBody {BODY} at (8,8) size 769x1442 [bgcolor=#CCCCCC]
+      RenderBlock {P} at (0,0) size 769x18
+        RenderText {#text} at (0,0) size 363x18
           text run at (0,0) width 363: "The style declarations which apply to the text below are:"
-      RenderBlock {PRE} at (0,32) size 769x221
-        RenderText {#text} at (0,0) size 671x221
+      RenderBlock {PRE} at (0,34) size 769x255
+        RenderText {#text} at (0,0) size 671x255
           text run at (0,0) width 632: "BODY {background-image: url(../resources/bg.gif); background-position: right top;"
           text run at (631,0) width 1: " "
-          text run at (0,13) width 281: "      background-repeat: no-repeat;}"
-          text run at (280,13) width 1: " "
-          text run at (0,26) width 609: ".one {background-image: url(../resources/bg.gif); background-position: center;"
-          text run at (608,26) width 1: " "
-          text run at (0,39) width 469: "      background-repeat: no-repeat; background-color: aqua;}"
-          text run at (468,39) width 1: " "
-          text run at (0,52) width 617: ".two {background-image: url(../resources/bg.gif); background-position: 50% 50%;"
-          text run at (616,52) width 1: " "
-          text run at (0,65) width 469: "      background-repeat: no-repeat; background-color: aqua;}"
-          text run at (468,65) width 1: " "
-          text run at (0,78) width 671: ".three {background-image: url(../resources/bg.gif); background-position: bottom right;"
-          text run at (670,78) width 1: " "
-          text run at (0,91) width 484: "        background-repeat: no-repeat; background-color: aqua;}"
-          text run at (483,91) width 1: " "
-          text run at (0,104) width 640: ".four {background-image: url(../resources/bg.gif); background-position: 100% 100%;"
-          text run at (639,104) width 1: " "
-          text run at (0,117) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
-          text run at (475,117) width 1: " "
-          text run at (0,130) width 617: ".five {background-image: url(../resources/bg.gif); background-position: 0% 50%;"
-          text run at (616,130) width 1: " "
-          text run at (0,143) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
-          text run at (475,143) width 1: " "
-          text run at (0,156) width 617: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
-          text run at (616,156) width 1: " "
-          text run at (0,169) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
-          text run at (475,169) width 1: " "
-          text run at (0,182) width 648: ".seven {background-image: url(../resources/bg.gif); background-position: 20px 20px;"
-          text run at (647,182) width 1: " "
+          text run at (0,15) width 281: "      background-repeat: no-repeat;}"
+          text run at (280,15) width 1: " "
+          text run at (0,30) width 609: ".one {background-image: url(../resources/bg.gif); background-position: center;"
+          text run at (608,30) width 1: " "
+          text run at (0,45) width 469: "      background-repeat: no-repeat; background-color: aqua;}"
+          text run at (468,45) width 1: " "
+          text run at (0,60) width 617: ".two {background-image: url(../resources/bg.gif); background-position: 50% 50%;"
+          text run at (616,60) width 1: " "
+          text run at (0,75) width 469: "      background-repeat: no-repeat; background-color: aqua;}"
+          text run at (468,75) width 1: " "
+          text run at (0,90) width 671: ".three {background-image: url(../resources/bg.gif); background-position: bottom right;"
+          text run at (670,90) width 1: " "
+          text run at (0,105) width 484: "        background-repeat: no-repeat; background-color: aqua;}"
+          text run at (483,105) width 1: " "
+          text run at (0,120) width 640: ".four {background-image: url(../resources/bg.gif); background-position: 100% 100%;"
+          text run at (639,120) width 1: " "
+          text run at (0,135) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
+          text run at (475,135) width 1: " "
+          text run at (0,150) width 617: ".five {background-image: url(../resources/bg.gif); background-position: 0% 50%;"
+          text run at (616,150) width 1: " "
+          text run at (0,165) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
+          text run at (475,165) width 1: " "
+          text run at (0,180) width 617: ".six {background-image: url(../resources/bg.gif); background-position: 75% 25%;"
+          text run at (616,180) width 1: " "
           text run at (0,195) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
           text run at (475,195) width 1: " "
-          text run at (0,208) width 0: " "
-      RenderBlock {HR} at (0,266) size 769x2 [border: (1px inset #EEEEEE)]
-      RenderBlock {P} at (0,284) size 769x16
-        RenderText {#text} at (0,0) size 515x16
+          text run at (0,210) width 648: ".seven {background-image: url(../resources/bg.gif); background-position: 20px 20px;"
+          text run at (647,210) width 1: " "
+          text run at (0,225) width 476: "       background-repeat: no-repeat; background-color: aqua;}"
+          text run at (475,225) width 1: " "
+          text run at (0,240) width 0: " "
+      RenderBlock {HR} at (0,302) size 769x2 [border: (1px inset #EEEEEE)]
+      RenderBlock {P} at (0,320) size 769x18
+        RenderText {#text} at (0,0) size 515x18
           text run at (0,0) width 515: "This document should have a single, small green image in its upper right corner."
-      RenderBlock {P} at (0,316) size 769x48 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 757x48
+      RenderBlock {P} at (0,354) size 769x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 757x54
           text run at (0,0) width 753: "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,16) width 232: "fixed at the center of the paragraph. "
-          text run at (231,16) width 526: "The background color will make it easier to determine the edges of the paragraph,"
-          text run at (0,32) width 296: "and therefore allow you to calculate its center."
-      RenderBlock {P} at (0,380) size 769x48 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 757x48
+          text run at (0,18) width 232: "fixed at the center of the paragraph. "
+          text run at (231,18) width 526: "The background color will make it easier to determine the edges of the paragraph,"
+          text run at (0,36) width 296: "and therefore allow you to calculate its center."
+      RenderBlock {P} at (0,424) size 769x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 757x54
           text run at (0,0) width 753: "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,16) width 232: "fixed at the center of the paragraph. "
-          text run at (231,16) width 526: "The background color will make it easier to determine the edges of the paragraph,"
-          text run at (0,32) width 296: "and therefore allow you to calculate its center."
-      RenderBlock {P} at (0,444) size 769x48 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 765x48
+          text run at (0,18) width 232: "fixed at the center of the paragraph. "
+          text run at (231,18) width 526: "The background color will make it easier to determine the edges of the paragraph,"
+          text run at (0,36) width 296: "and therefore allow you to calculate its center."
+      RenderBlock {P} at (0,494) size 769x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 765x54
           text run at (0,0) width 748: "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,16) width 418: "image should be fixed at the lower right corner of the paragraph. "
-          text run at (417,16) width 348: "The background color will make it easier to determine"
-          text run at (0,32) width 445: "the edges of the paragraph, and therefore allow you to see its corners."
-      RenderBlock {P} at (0,508) size 769x48 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 765x48
+          text run at (0,18) width 418: "image should be fixed at the lower right corner of the paragraph. "
+          text run at (417,18) width 348: "The background color will make it easier to determine"
+          text run at (0,36) width 445: "the edges of the paragraph, and therefore allow you to see its corners."
+      RenderBlock {P} at (0,564) size 769x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 765x54
           text run at (0,0) width 748: "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,16) width 418: "image should be fixed at the lower right corner of the paragraph. "
-          text run at (417,16) width 348: "The background color will make it easier to determine"
-          text run at (0,32) width 445: "the edges of the paragraph, and therefore allow you to see its corners."
-      RenderBlock {P} at (0,572) size 769x48 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 752x48
+          text run at (0,18) width 418: "image should be fixed at the lower right corner of the paragraph. "
+          text run at (417,18) width 348: "The background color will make it easier to determine"
+          text run at (0,36) width 445: "the edges of the paragraph, and therefore allow you to see its corners."
+      RenderBlock {P} at (0,634) size 769x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 752x54
           text run at (0,0) width 741: "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,16) width 323: "should be fixed at the left center of the paragraph. "
-          text run at (322,16) width 430: "The background color will make it easier to determine the edges of"
-          text run at (0,32) width 392: "the paragraph, and therefore allow you to calculate its center."
-      RenderBlock {P} at (0,636) size 769x48 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 762x48
+          text run at (0,18) width 323: "should be fixed at the left center of the paragraph. "
+          text run at (322,18) width 430: "The background color will make it easier to determine the edges of"
+          text run at (0,36) width 392: "the paragraph, and therefore allow you to calculate its center."
+      RenderBlock {P} at (0,704) size 769x54 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 762x54
           text run at (0,0) width 762: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25% down."
-          text run at (0,16) width 758: "The background color will make it easier to determine the edges of the paragraph, which should help in determining if"
-          text run at (0,32) width 683: "all 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,700) size 769x64 [bgcolor=#00FFFF]
-        RenderText {#text} at (0,0) size 769x64
+          text run at (0,18) width 758: "The background color will make it easier to determine the edges of the paragraph, which should help in determining if"
+          text run at (0,36) width 683: "all 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,774) size 769x72 [bgcolor=#00FFFF]
+        RenderText {#text} at (0,0) size 769x72
           text run at (0,0) width 764: "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,16) width 760: "corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left corner"
-          text run at (0,32) width 100: "of the element. "
-          text run at (99,32) width 670: "The background color will make it easier to determine the edges of the paragraph, which should assist in"
-          text run at (0,48) width 124: "evaluating this test."
-      LayoutTable {TABLE} at (0,780) size 769x530 [border: (1px outset #808080)]
-        LayoutTableSection {TBODY} at (1,1) size 767x528
-          LayoutTableRow {TR} at (0,0) size 767x24
-            LayoutTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
-              RenderInline {STRONG} at (0,0) size 163x16
-                RenderText {#text} at (4,4) size 163x16
+          text run at (0,18) width 760: "corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-left corner"
+          text run at (0,36) width 100: "of the element. "
+          text run at (99,36) width 670: "The background color will make it easier to determine the edges of the paragraph, which should assist in"
+          text run at (0,54) width 124: "evaluating this test."
+      LayoutTable {TABLE} at (0,862) size 769x580 [border: (1px outset #808080)]
+        LayoutTableSection {TBODY} at (1,1) size 767x578
+          LayoutTableRow {TR} at (0,0) size 767x26
+            LayoutTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+              RenderInline {STRONG} at (0,0) size 163x18
+                RenderText {#text} at (4,4) size 163x18
                   text run at (4,4) width 163: "TABLE Testing Section"
-          LayoutTableRow {TR} at (0,24) size 767x504
-            LayoutTableCell {TD} at (0,264) size 12x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
-              RenderText {#text} at (4,4) size 4x16
+          LayoutTableRow {TR} at (0,26) size 767x552
+            LayoutTableCell {TD} at (0,289) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+              RenderText {#text} at (4,4) size 4x18
                 text run at (4,4) width 4: " "
-            LayoutTableCell {TD} at (12,24) size 755x504 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
-              RenderBlock {P} at (4,4) size 747x16
-                RenderText {#text} at (0,0) size 515x16
+            LayoutTableCell {TD} at (12,26) size 755x552 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+              RenderBlock {P} at (4,4) size 747x18
+                RenderText {#text} at (0,0) size 515x18
                   text run at (0,0) width 515: "This document should have a single, small green image in its upper right corner."
-              RenderBlock {P} at (4,36) size 747x48 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 734x48
+              RenderBlock {P} at (4,38) size 747x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 734x54
                   text run at (0,0) width 734: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should"
-                  text run at (0,16) width 251: "be fixed at the center of the paragraph. "
-                  text run at (250,16) width 454: "The background color will make it easier to determine the edges of the"
-                  text run at (0,32) width 368: "paragraph, and therefore allow you to calculate its center."
-              RenderBlock {P} at (4,100) size 747x48 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 734x48
+                  text run at (0,18) width 251: "be fixed at the center of the paragraph. "
+                  text run at (250,18) width 454: "The background color will make it easier to determine the edges of the"
+                  text run at (0,36) width 368: "paragraph, and therefore allow you to calculate its center."
+              RenderBlock {P} at (4,108) size 747x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 734x54
                   text run at (0,0) width 734: "This paragraph should have a single, small green image exactly in its center; that is, the center of the image should"
-                  text run at (0,16) width 251: "be fixed at the center of the paragraph. "
-                  text run at (250,16) width 454: "The background color will make it easier to determine the edges of the"
-                  text run at (0,32) width 368: "paragraph, and therefore allow you to calculate its center."
-              RenderBlock {P} at (4,164) size 747x48 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 724x48
+                  text run at (0,18) width 251: "be fixed at the center of the paragraph. "
+                  text run at (250,18) width 454: "The background color will make it easier to determine the edges of the"
+                  text run at (0,36) width 368: "paragraph, and therefore allow you to calculate its center."
+              RenderBlock {P} at (4,178) size 747x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 724x54
                   text run at (0,0) width 724: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of"
-                  text run at (0,16) width 441: "the image should be fixed at the lower right corner of the paragraph. "
-                  text run at (440,16) width 281: "The background color will make it easier to"
-                  text run at (0,32) width 513: "determine the edges of the paragraph, and therefore allow you to see its corners."
-              RenderBlock {P} at (4,228) size 747x48 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 724x48
+                  text run at (0,18) width 441: "the image should be fixed at the lower right corner of the paragraph. "
+                  text run at (440,18) width 281: "The background color will make it easier to"
+                  text run at (0,36) width 513: "determine the edges of the paragraph, and therefore allow you to see its corners."
+              RenderBlock {P} at (4,248) size 747x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 724x54
                   text run at (0,0) width 724: "This paragraph should have a single, small green image in its lower-right corner; that is, the lower right corner of"
-                  text run at (0,16) width 441: "the image should be fixed at the lower right corner of the paragraph. "
-                  text run at (440,16) width 281: "The background color will make it easier to"
-                  text run at (0,32) width 513: "determine the edges of the paragraph, and therefore allow you to see its corners."
-              RenderBlock {P} at (4,292) size 747x48 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 741x48
+                  text run at (0,18) width 441: "the image should be fixed at the lower right corner of the paragraph. "
+                  text run at (440,18) width 281: "The background color will make it easier to"
+                  text run at (0,36) width 513: "determine the edges of the paragraph, and therefore allow you to see its corners."
+              RenderBlock {P} at (4,318) size 747x54 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 741x54
                   text run at (0,0) width 741: "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,16) width 323: "should be fixed at the left center of the paragraph. "
-                  text run at (322,16) width 413: "The background color will make it easier to determine the edges"
-                  text run at (0,32) width 409: "of the paragraph, and therefore allow you to calculate its center."
-              RenderBlock {P} at (4,356) size 747x64 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 719x64
+                  text run at (0,18) width 323: "should be fixed at the left center of the paragraph. "
+                  text run at (322,18) width 413: "The background color will make it easier to determine the edges"
+                  text run at (0,36) width 409: "of the paragraph, and therefore allow you to calculate its center."
+              RenderBlock {P} at (4,388) size 747x72 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 719x72
                   text run at (0,0) width 719: "This paragraph should have a single, small green image positioned 75% of the way across the element, and 25%"
-                  text run at (0,16) width 44: "down. "
-                  text run at (43,16) width 663: "The background color will make it easier to determine the edges of the paragraph, which should help in"
-                  text run at (0,32) width 717: "determining if all this is so, and the extra text should make the element long enough for this test to be simpler to"
-                  text run at (0,48) width 58: "evaluate."
-              RenderBlock {P} at (4,436) size 747x64 [bgcolor=#00FFFF]
-                RenderText {#text} at (0,0) size 738x64
+                  text run at (0,18) width 44: "down. "
+                  text run at (43,18) width 663: "The background color will make it easier to determine the edges of the paragraph, which should help in"
+                  text run at (0,36) width 717: "determining if all this is so, and the extra text should make the element long enough for this test to be simpler to"
+                  text run at (0,54) width 58: "evaluate."
+              RenderBlock {P} at (4,476) size 747x72 [bgcolor=#00FFFF]
+                RenderText {#text} at (0,0) size 738x72
                   text run at (0,0) width 733: "This paragraph should have a single, small green image positioned 20 pixels down and to the left of the upper left-"
-                  text run at (0,16) width 729: "hand corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-"
-                  text run at (0,32) width 170: "left corner of the element. "
-                  text run at (169,32) width 569: "The background color will make it easier to determine the edges of the paragraph, which"
-                  text run at (0,48) width 226: "should assist in evaluating this test."
+                  text run at (0,18) width 729: "hand corner; that is, the upper left-hand corner of the image should be 20 pixels down and to the left of the upper-"
+                  text run at (0,36) width 170: "left corner of the element. "
+                  text run at (169,36) width 569: "The background color will make it easier to determine the edges of the paragraph, which"
+                  text run at (0,54) width 226: "should assist in evaluating this test."