From 1f9cb879fe48956c4a110e3a96c3e46dc03ddaca Mon Sep 17 00:00:00 2001
From: Boris Chiou <boris.chiou@gmail.com>
Date: Wed, 10 Jul 2019 20:25:23 +0000
Subject: [PATCH] Bug 1559276 - Part 1: Avoid using 3 valued syntax for
 position. r=emilio

Update the existing reftests to not use 3 valued syntax.

I run the script to update the syntax in
`layout/reftests/w3c-css/submitted/images3/*`,
`layout/reftests/w3c-css/submitted/masking/*`,
`layout/reftests/xul/*`, and
`layout/reftests/webm-video/*`:
```
function rename() {
    find layout/reftests/\
         -type f\
         ! -path "./obj*"\
         ! -path "./.git"\
         ! -path "./.hg"\
         \( -name "*.html" -or\
            -name "*.xul" \)\
            -exec sed -i -e "s/$1/$2/g" "{}" \;
}

rename "object-position: top 3px center" "object-position: top 3px left 50%"
rename "object-position: center right 25%" "object-position: top 50% right 25%"
```

For `layout/reftests/svg/svg-integration/clip-path/*`, I just manually
update them.

Differential Revision: https://phabricator.services.mozilla.com/D37125

--HG--
extra : moz-landing-system : lando
---
 .../svg-integration/clip-path/clip-path-circle-004.html   | 4 ++--
 .../svg-integration/clip-path/clip-path-circle-005.html   | 4 ++--
 .../svg-integration/clip-path/clip-path-circle-006.html   | 4 ++--
 .../svg-integration/clip-path/clip-path-circle-007.html   | 4 ++--
 .../svg-integration/clip-path/clip-path-circle-008.html   | 4 ++--
 .../svg-integration/clip-path/clip-path-circle-009.html   | 4 ++--
 .../svg-integration/clip-path/clip-path-circle-010.html   | 4 ++--
 .../svg-integration/clip-path/clip-path-circle-011.html   | 4 ++--
 .../svg-integration/clip-path/clip-path-ellipse-005.html  | 4 ++--
 .../submitted/images3/object-fit-contain-png-001c.html    | 4 ++--
 .../submitted/images3/object-fit-contain-png-001e.html    | 4 ++--
 .../submitted/images3/object-fit-contain-png-001i.html    | 4 ++--
 .../submitted/images3/object-fit-contain-png-001o.html    | 4 ++--
 .../submitted/images3/object-fit-contain-png-001p.html    | 4 ++--
 .../submitted/images3/object-fit-contain-png-002c.html    | 4 ++--
 .../submitted/images3/object-fit-contain-png-002e.html    | 4 ++--
 .../submitted/images3/object-fit-contain-png-002i.html    | 4 ++--
 .../submitted/images3/object-fit-contain-png-002o.html    | 4 ++--
 .../submitted/images3/object-fit-contain-png-002p.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-001e.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-001i.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-001o.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-001p.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-002e.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-002i.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-002o.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-002p.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-003e.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-003i.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-003o.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-003p.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-004e.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-004i.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-004o.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-004p.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-005e.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-005i.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-005o.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-005p.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-006e.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-006i.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-006o.html    | 4 ++--
 .../submitted/images3/object-fit-contain-svg-006p.html    | 4 ++--
 .../submitted/images3/object-fit-cover-png-001c.html      | 4 ++--
 .../submitted/images3/object-fit-cover-png-001e.html      | 4 ++--
 .../submitted/images3/object-fit-cover-png-001i.html      | 4 ++--
 .../submitted/images3/object-fit-cover-png-001o.html      | 4 ++--
 .../submitted/images3/object-fit-cover-png-001p.html      | 4 ++--
 .../submitted/images3/object-fit-cover-png-002c.html      | 4 ++--
 .../submitted/images3/object-fit-cover-png-002e.html      | 4 ++--
 .../submitted/images3/object-fit-cover-png-002i.html      | 4 ++--
 .../submitted/images3/object-fit-cover-png-002o.html      | 4 ++--
 .../submitted/images3/object-fit-cover-png-002p.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-001e.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-001i.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-001o.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-001p.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-002e.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-002i.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-002o.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-002p.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-003e.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-003i.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-003o.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-003p.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-004e.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-004i.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-004o.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-004p.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-005e.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-005i.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-005o.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-005p.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-006e.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-006i.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-006o.html      | 4 ++--
 .../submitted/images3/object-fit-cover-svg-006p.html      | 4 ++--
 .../submitted/images3/object-fit-fill-png-001c.html       | 4 ++--
 .../submitted/images3/object-fit-fill-png-001e.html       | 4 ++--
 .../submitted/images3/object-fit-fill-png-001i.html       | 4 ++--
 .../submitted/images3/object-fit-fill-png-001o.html       | 4 ++--
 .../submitted/images3/object-fit-fill-png-001p.html       | 4 ++--
 .../submitted/images3/object-fit-fill-png-002c.html       | 4 ++--
 .../submitted/images3/object-fit-fill-png-002e.html       | 4 ++--
 .../submitted/images3/object-fit-fill-png-002i.html       | 4 ++--
 .../submitted/images3/object-fit-fill-png-002o.html       | 4 ++--
 .../submitted/images3/object-fit-fill-png-002p.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-001e.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-001i.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-001o.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-001p.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-002e.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-002i.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-002o.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-002p.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-003e.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-003i.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-003o.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-003p.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-004e.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-004i.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-004o.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-004p.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-005e.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-005i.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-005o.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-005p.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-006e.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-006i.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-006o.html       | 4 ++--
 .../submitted/images3/object-fit-fill-svg-006p.html       | 4 ++--
 .../submitted/images3/object-fit-none-png-001c.html       | 4 ++--
 .../submitted/images3/object-fit-none-png-001e.html       | 4 ++--
 .../submitted/images3/object-fit-none-png-001i.html       | 4 ++--
 .../submitted/images3/object-fit-none-png-001o.html       | 4 ++--
 .../submitted/images3/object-fit-none-png-001p.html       | 4 ++--
 .../submitted/images3/object-fit-none-png-002c.html       | 4 ++--
 .../submitted/images3/object-fit-none-png-002e.html       | 4 ++--
 .../submitted/images3/object-fit-none-png-002i.html       | 4 ++--
 .../submitted/images3/object-fit-none-png-002o.html       | 4 ++--
 .../submitted/images3/object-fit-none-png-002p.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-001e.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-001i.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-001o.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-001p.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-002e.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-002i.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-002o.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-002p.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-003e.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-003i.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-003o.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-003p.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-004e.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-004i.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-004o.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-004p.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-005e.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-005i.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-005o.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-005p.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-006e.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-006i.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-006o.html       | 4 ++--
 .../submitted/images3/object-fit-none-svg-006p.html       | 4 ++--
 .../submitted/images3/object-fit-scale-down-png-001c.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-png-001e.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-png-001i.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-png-001o.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-png-001p.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-png-002c.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-png-002e.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-png-002i.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-png-002o.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-png-002p.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-001e.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-001i.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-001o.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-001p.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-002e.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-002i.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-002o.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-002p.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-003e.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-003i.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-003o.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-003p.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-004e.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-004i.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-004o.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-004p.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-005e.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-005i.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-005o.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-005p.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-006e.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-006i.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-006o.html | 4 ++--
 .../submitted/images3/object-fit-scale-down-svg-006p.html | 4 ++--
 .../images3/support/template-object-fit-test.html         | 4 ++--
 .../w3c-css/submitted/masking/mask-position-3a.html       | 2 +-
 .../w3c-css/submitted/masking/mask-position-4c.html       | 2 +-
 .../w3c-css/submitted/masking/mask-position-6.html        | 8 ++++----
 .../w3c-css/submitted/masking/mask-position-7.html        | 8 ++++----
 .../reftests/webm-video/object-fit-contain-webm-001.html  | 4 ++--
 .../reftests/webm-video/object-fit-contain-webm-002.html  | 4 ++--
 layout/reftests/webm-video/object-fit-cover-webm-001.html | 4 ++--
 layout/reftests/webm-video/object-fit-cover-webm-002.html | 4 ++--
 layout/reftests/webm-video/object-fit-fill-webm-001.html  | 4 ++--
 layout/reftests/webm-video/object-fit-fill-webm-002.html  | 4 ++--
 layout/reftests/webm-video/object-fit-none-webm-001.html  | 4 ++--
 layout/reftests/webm-video/object-fit-none-webm-002.html  | 4 ++--
 .../webm-video/object-fit-scale-down-webm-001.html        | 4 ++--
 .../webm-video/object-fit-scale-down-webm-002.html        | 4 ++--
 layout/reftests/xul/object-fit-contain-png-001.xul        | 4 ++--
 layout/reftests/xul/object-fit-contain-png-002.xul        | 4 ++--
 layout/reftests/xul/object-fit-contain-svg-001.xul        | 4 ++--
 layout/reftests/xul/object-fit-contain-svg-002.xul        | 4 ++--
 layout/reftests/xul/object-fit-contain-svg-003.xul        | 4 ++--
 layout/reftests/xul/object-fit-contain-svg-004.xul        | 4 ++--
 layout/reftests/xul/object-fit-contain-svg-005.xul        | 4 ++--
 layout/reftests/xul/object-fit-contain-svg-006.xul        | 4 ++--
 layout/reftests/xul/object-fit-cover-png-001.xul          | 4 ++--
 layout/reftests/xul/object-fit-cover-png-002.xul          | 4 ++--
 layout/reftests/xul/object-fit-cover-svg-001.xul          | 4 ++--
 layout/reftests/xul/object-fit-cover-svg-002.xul          | 4 ++--
 layout/reftests/xul/object-fit-cover-svg-003.xul          | 4 ++--
 layout/reftests/xul/object-fit-cover-svg-004.xul          | 4 ++--
 layout/reftests/xul/object-fit-cover-svg-005.xul          | 4 ++--
 layout/reftests/xul/object-fit-cover-svg-006.xul          | 4 ++--
 layout/reftests/xul/object-fit-fill-png-001.xul           | 4 ++--
 layout/reftests/xul/object-fit-fill-png-002.xul           | 4 ++--
 layout/reftests/xul/object-fit-fill-svg-001.xul           | 4 ++--
 layout/reftests/xul/object-fit-fill-svg-002.xul           | 4 ++--
 layout/reftests/xul/object-fit-fill-svg-003.xul           | 4 ++--
 layout/reftests/xul/object-fit-fill-svg-004.xul           | 4 ++--
 layout/reftests/xul/object-fit-fill-svg-005.xul           | 4 ++--
 layout/reftests/xul/object-fit-fill-svg-006.xul           | 4 ++--
 layout/reftests/xul/object-fit-none-png-001.xul           | 4 ++--
 layout/reftests/xul/object-fit-none-png-002.xul           | 4 ++--
 layout/reftests/xul/object-fit-none-svg-001.xul           | 4 ++--
 layout/reftests/xul/object-fit-none-svg-002.xul           | 4 ++--
 layout/reftests/xul/object-fit-none-svg-003.xul           | 4 ++--
 layout/reftests/xul/object-fit-none-svg-004.xul           | 4 ++--
 layout/reftests/xul/object-fit-none-svg-005.xul           | 4 ++--
 layout/reftests/xul/object-fit-none-svg-006.xul           | 4 ++--
 layout/reftests/xul/object-fit-scale-down-png-001.xul     | 4 ++--
 layout/reftests/xul/object-fit-scale-down-png-002.xul     | 4 ++--
 layout/reftests/xul/object-fit-scale-down-svg-001.xul     | 4 ++--
 layout/reftests/xul/object-fit-scale-down-svg-002.xul     | 4 ++--
 layout/reftests/xul/object-fit-scale-down-svg-003.xul     | 4 ++--
 layout/reftests/xul/object-fit-scale-down-svg-004.xul     | 4 ++--
 layout/reftests/xul/object-fit-scale-down-svg-005.xul     | 4 ++--
 layout/reftests/xul/object-fit-scale-down-svg-006.xul     | 4 ++--
 234 files changed, 470 insertions(+), 470 deletions(-)

diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004.html
index ec25c044cc9c..6bff6f83997a 100644
--- a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004.html
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-004.html
@@ -16,6 +16,6 @@
 </head>
 <body>
   <p>The test passes if there is a green circle.</p>
-  <div style="width: 0; height: 100px; border: solid green 100px; background-color: green; clip-path: circle(at top 100px center);"></div>
+  <div style="width: 0; height: 100px; border: solid green 100px; background-color: green; clip-path: circle(at top 100px left 50%);"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005.html
index a68b33e1926a..aeea854ea2d3 100644
--- a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005.html
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-005.html
@@ -16,6 +16,6 @@
 </head>
 <body>
   <p>The test passes if there is a green circle.</p>
-  <div style="width: 200px; height: 200px; background-color: green; clip-path: circle(at bottom 100px center);"></div>
+  <div style="width: 200px; height: 200px; background-color: green; clip-path: circle(at bottom 100px left 50%);"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006.html
index dea4071f2605..423f4b24caca 100644
--- a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006.html
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-006.html
@@ -16,6 +16,6 @@
 </head>
 <body>
   <p>The test passes if there is a green circle.</p>
-  <div style="width: 100px; height: 0; border: solid green 100px; background-color: green; clip-path: circle(at left 100px center);"></div>
+  <div style="width: 100px; height: 0; border: solid green 100px; background-color: green; clip-path: circle(at left 100px top 50%);"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007.html
index dc4432ee4565..fbf204fd7e2b 100644
--- a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007.html
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-007.html
@@ -16,6 +16,6 @@
 </head>
 <body>
   <p>The test passes if there is a green circle.</p>
-  <div style="width: 200px; height: 200px; background-color: green; clip-path: circle(at right 100px center);"></div>
+  <div style="width: 200px; height: 200px; background-color: green; clip-path: circle(at right 100px top 50%);"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008.html
index c335f7c3d813..564b6cd105f1 100644
--- a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008.html
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-008.html
@@ -16,6 +16,6 @@
 </head>
 <body>
   <p>The test passes if there is a green circle.</p>
-  <div style="width: 200px; height: 200px; padding-left: 200px; background-color: green; clip-path: circle(at left -100px center) content-box;"></div>
+  <div style="width: 200px; height: 200px; padding-left: 200px; background-color: green; clip-path: circle(at left -100px top 50%) content-box;"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009.html
index 0b7b69443ef7..949c6afd142c 100644
--- a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009.html
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-009.html
@@ -16,6 +16,6 @@
 </head>
 <body>
   <p>The test passes if there is a green circle.</p>
-  <div style="padding-right: 200px; width: 0; height: 200px; background-color: green; clip-path: circle(at right -100px center) content-box;"></div>
+  <div style="padding-right: 200px; width: 0; height: 200px; background-color: green; clip-path: circle(at right -100px top 50%) content-box;"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010.html
index 2e7ea353ff2e..4952c6f48dbd 100644
--- a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010.html
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-010.html
@@ -16,6 +16,6 @@
 </head>
 <body>
   <p>The test passes if there is a green circle.</p>
-  <div style="width: 200px; height: 200px; padding-top: 200px; background-color: green; clip-path: circle(at top -100px center) content-box;"></div>
+  <div style="width: 200px; height: 200px; padding-top: 200px; background-color: green; clip-path: circle(at top -100px left 50%) content-box;"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-011.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-011.html
index 6df5b5228f4b..d2a00b5e8054 100644
--- a/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-011.html
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-circle-011.html
@@ -16,6 +16,6 @@
 </head>
 <body>
   <p>The test passes if there is a green circle.</p>
-  <div style="width: 200px; height: 200px; padding-bottom: 200px; background-color: green; clip-path: circle(at bottom -100px center) content-box;"></div>
+  <div style="width: 200px; height: 200px; padding-bottom: 200px; background-color: green; clip-path: circle(at bottom -100px left 50%) content-box;"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-005.html b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-005.html
index 50d97f3f5151..116a08e4c1f1 100644
--- a/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-005.html
+++ b/layout/reftests/svg/svg-integration/clip-path/clip-path-ellipse-005.html
@@ -16,6 +16,6 @@
 </head>
 <body>
   <p>The test passes if there is a green horizontal ellipse.</p>
-  <div style="width: 400px; height: 200px; padding-top: 200px; background-color: green; clip-path: ellipse(closest-side closest-side at top -100px center) content-box;"></div>
+  <div style="width: 400px; height: 200px; padding-top: 200px; background-color: green; clip-path: ellipse(closest-side closest-side at top -100px left 50%) content-box;"></div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001c.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001c.html
index a6dfd95813cd..3373a3a43a06 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001c.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001c.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
     <script>
       function drawImageToCanvases(imageURI) {
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001e.html
index 572d30eeefc9..b62e27d45ab5 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001e.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001i.html
index 39bbf249d548..7b00ded8f3ab 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001i.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001o.html
index b126b4816432..0c413092a092 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001o.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001p.html
index 66c165e99596..39ab8c4b6eac 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-001p.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002c.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002c.html
index 4e49d0fbf7a0..b534de868a87 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002c.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002c.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
     <script>
       function drawImageToCanvases(imageURI) {
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002e.html
index e42f05f03cae..c4fe12664cd7 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002e.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002i.html
index b03bafe860d0..9133072c84d0 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002i.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002o.html
index f4aa820e390a..b877c9cb9f59 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002o.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002p.html
index f18e4818a19f..3dd2c2f7b631 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-png-002p.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001e.html
index f067b335cad5..a5dc815d03c4 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001i.html
index 48098656f42d..d2011bd6df40 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001o.html
index 4debef17e950..7bb8c640f43a 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001p.html
index ff6cb4b061a3..f6a2b73bf376 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-001p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002e.html
index 5c82003b678b..5d4197fb3742 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002i.html
index bc8703c97c3e..6d81d9b863ce 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002o.html
index 76f85f8cacc9..2d7b69ccc06c 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002p.html
index b8551be1afee..74f43726ac23 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-002p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003e.html
index 34b223601930..9e4d758b0550 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003i.html
index 2c9ce62f204b..52693ee21481 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003o.html
index 9bf111b1284d..b1ff0dddbed5 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003p.html
index 87e37f3a4c7a..3d7d02a5f2d7 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-003p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004e.html
index 4e4831da0b65..1d86232bca85 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004i.html
index 27769a8ba4c4..ff54f41faaa2 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004o.html
index 8db408680e36..6a3015c88224 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004p.html
index 0a4502b52f78..ec117017bfdd 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-004p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005e.html
index f4a8ad0fa19f..ce25d2781d7f 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005i.html
index 9c9b35b0e8a8..10cef72c58f3 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005o.html
index 5bff95aa5f6b..781133d064fb 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005p.html
index fd2f2fe6969d..67f99138c1c7 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-005p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006e.html
index 5914ee567194..850d0259a9c6 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006i.html
index 1426a30bdf12..536e639ece3d 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006o.html
index c0de015b3420..42d07664aeee 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006p.html
index 1fcc56ae1355..6a39673f2608 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-contain-svg-006p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001c.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001c.html
index f2a26a67c76a..930fb5ee5c7a 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001c.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001c.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
     <script>
       function drawImageToCanvases(imageURI) {
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001e.html
index e39b710bcf2d..9f80204dcc55 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001e.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001i.html
index 7d88c1a6d94e..923c6635935c 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001i.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001o.html
index e0e657099aae..cb08f123e6a3 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001o.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001p.html
index 49eb6dc327be..e1427a9f65f5 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-001p.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002c.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002c.html
index ac0f1da7400c..860d9e9d162d 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002c.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002c.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
     <script>
       function drawImageToCanvases(imageURI) {
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002e.html
index dff433a9bdc4..26c869455b0a 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002e.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002i.html
index 0c595c3e46b1..593aee4f11e0 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002i.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002o.html
index 1148a6ee2f9d..2b4981fd2171 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002o.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002p.html
index 937be0c17548..146697568cec 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-png-002p.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001e.html
index 5ab74f185043..c787be471f13 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001i.html
index b0d82e47ebcd..972e20ac22b3 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001o.html
index 78c6b87cced6..cf755657bc55 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001p.html
index 3a5f3bf6dcc3..db899db1b814 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-001p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002e.html
index 48f3fc53a74f..b42eb0eb7966 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002i.html
index a7a78b8832be..b79b532b737e 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002o.html
index fd0050ff23f8..e888bd094287 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002p.html
index 272b3c714f83..65516da2ac16 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-002p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003e.html
index 75b4ba6e9d60..d24d53cfd246 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003i.html
index b764d3db7dc2..92c7a975a04c 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003o.html
index aca67ff23651..66401ae1d1a4 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003p.html
index 76f54d6fb2dd..c726e733dcd1 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-003p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004e.html
index 17a20a97fc21..f253fdba6816 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004i.html
index 7094a04b2911..0c52eaa17019 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004o.html
index 954bbb459da4..7bd2f8419e8f 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004p.html
index d8fc343f3544..da1c88c50b13 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-004p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005e.html
index d4d7e91993f2..4d1424648148 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005i.html
index 6b9ea338c177..9948ea7878b5 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005o.html
index 8ec4dcbf2d08..894b3e85aa7b 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005p.html
index 2aaaf66a3767..210be382ae2f 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-005p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006e.html
index 278d195a5818..d699f2bb30ab 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006i.html
index 325b4c833991..f7c71eb8958a 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006o.html
index 8ff547f8fb34..f6b60a4cc75e 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006p.html
index 8245fca4e985..08c9acfe35a0 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-cover-svg-006p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001c.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001c.html
index bdf547e19057..ed881b9b3ce6 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001c.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001c.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
     <script>
       function drawImageToCanvases(imageURI) {
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001e.html
index b36e1491f012..be9b63e95863 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001e.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001i.html
index 1bf280d41d62..fa35414a10d1 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001i.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001o.html
index 55f75245ac4a..27573bcd962c 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001o.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001p.html
index 0299aefc141e..04968adf2ab4 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-001p.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002c.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002c.html
index 1a851bd6d396..fc4761b3102a 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002c.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002c.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
     <script>
       function drawImageToCanvases(imageURI) {
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002e.html
index 3f5dc254d7ee..8544ca8fda23 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002e.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002i.html
index 708a77207090..237f2067368a 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002i.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002o.html
index 9b8433ff4bd0..a02cf75aa687 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002o.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002p.html
index fd51e92747e2..3be590ad5c91 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-png-002p.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001e.html
index a907f3841935..008f8da98e3a 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001i.html
index 487cf7c9b7b3..43e5ae7e86ce 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001o.html
index 7498dc1a851f..91e955400442 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001p.html
index 40c80f8f26c3..d2ffffdb4a1a 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-001p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002e.html
index 2b1cb19fb59a..38f3c10c1f03 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002i.html
index 7ecac72aec5b..2bbf505e48e4 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002o.html
index 2b8335002c48..8580cdb4cf55 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002p.html
index d2527daff0b8..4e1d61a140a2 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-002p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003e.html
index bc52a6e6003e..37182514dc7e 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003i.html
index 26e251e66e1f..54e55f4e8491 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003o.html
index dabf5685f0d7..1f640d990d78 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003p.html
index a8fd8c21a8f9..165f072bc6f9 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-003p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004e.html
index 412721508421..3d36a3b97bac 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004i.html
index 483849c1edd3..cd83227eb7f6 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004o.html
index 4236112d5388..10140225cfa7 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004p.html
index 6032b19e3177..bd54333a4b47 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-004p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005e.html
index 8dc338e2f3b7..c706c670e87d 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005i.html
index 67d086d35d93..a12265f224da 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005o.html
index ca9ba1c6b4b7..d25f0ecf1ef5 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005p.html
index 54402d8c033d..1bbd6a9b89ef 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-005p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006e.html
index a5cb3431671e..c741c7e65890 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006i.html
index eceb363da3db..6da7334e56f6 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006o.html
index 05a3339158ce..7d48d6f216ac 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006p.html
index c8e9ff2c107e..73b4f72089de 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-fill-svg-006p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001c.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001c.html
index c984fefb7efa..80951753b9d0 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001c.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001c.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
     <script>
       function drawImageToCanvases(imageURI) {
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001e.html
index 22417890c5f1..f384416d15d2 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001e.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001i.html
index 200ac3dafba6..fbc372a6b6eb 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001i.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001o.html
index 4b2659a2db1f..90731c801f84 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001o.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001p.html
index 3e18c7960d36..ff9bde123b4c 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-001p.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002c.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002c.html
index df58f407dfcd..40a2105abf3f 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002c.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002c.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
     <script>
       function drawImageToCanvases(imageURI) {
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002e.html
index 9d9146523867..2aa38a8ae567 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002e.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002i.html
index 57c66a35deb4..f2d07537132e 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002i.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002o.html
index a34f947cdc84..e6a8d867213c 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002o.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002p.html
index 7b1ee9a7d812..1965e7699d89 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-png-002p.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001e.html
index eb40852daaea..31365eea558c 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001i.html
index 128f6e4b5b09..7c47f68f64e4 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001o.html
index 8df5bfb5cf81..24aa6cc6e32e 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001p.html
index 9e82eb5e4012..f2b3dc05c785 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-001p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002e.html
index e7055bb3fde5..68cd20a9e409 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002i.html
index dbcba47ca86b..5fb1823d479d 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002o.html
index c6d017bb8260..7d0ad60340e7 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002p.html
index 69fa424931b5..f383450dbda6 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-002p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003e.html
index f90d1f8c7c61..4db5bcc86ebc 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003i.html
index 769c10b46677..132687ca8ee0 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003o.html
index 04ff94b78fb2..775bbc602978 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003p.html
index c1963da6e5dc..211e9132bd1d 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-003p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004e.html
index e9591d3bdc22..d998995ac94f 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004i.html
index d9d0844ab920..6b5564a0f0ec 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004o.html
index 91c7610cfd5c..26c0dd837fea 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004p.html
index 2c9f0c6877fc..2d8d8d5cb85f 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-004p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005e.html
index f47196164ab9..328a337d3f8b 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005i.html
index 8407e78a7b6c..d452e38a0d52 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005o.html
index df31fa268528..7fd4e5b3976a 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005p.html
index aeafcb200a44..05aab2098f1d 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-005p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006e.html
index f7c0dcdd448e..a91251704db3 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006i.html
index ea9ea1f7991f..15bb00bebd19 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006o.html
index 2fe345923ece..da2890aa01fd 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006p.html
index 47776f29e41c..8b8b42135c62 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-none-svg-006p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001c.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001c.html
index d3f7e4289b05..1d367e1eb48e 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001c.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001c.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
     <script>
       function drawImageToCanvases(imageURI) {
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001e.html
index 9950736c0ad0..07ce65532d5d 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001e.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001i.html
index f7bad0219076..4b6822e34fbd 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001i.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001o.html
index 88fe859d734a..a5b0222e7783 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001o.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001p.html
index 55b24df754fe..a10d4cd595d3 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-001p.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002c.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002c.html
index ece408d09857..2a5ad753b597 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002c.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002c.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
     <script>
       function drawImageToCanvases(imageURI) {
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002e.html
index 4cd28c91a911..240269247d76 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002e.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002i.html
index db5f385222e8..93665f4a8833 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002i.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002o.html
index 43700fd7a9d1..97941e9cd573 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002o.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002p.html
index 7089444b30b8..59ff2bf0b3b9 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-png-002p.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001e.html
index 0640de4f35cf..a6bc8d19f26e 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001i.html
index 0e5954b8d76c..d331a9e55959 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001o.html
index 15f19bb185a9..88ba8171f63f 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001p.html
index b542433699e6..ab29b635cc06 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-001p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002e.html
index 813ab7ad4deb..a0b7f1180c6a 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002i.html
index 107ad0192152..6d260fb16c65 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002o.html
index 7c9c9be8cecb..d60a5a92a9d0 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002p.html
index 78bce1974f6a..8cca87a44d37 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-002p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003e.html
index 65121fcf59d3..f4d7cf98b700 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003i.html
index 1e683fcb7882..1841ec750636 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003o.html
index 78023f789eb9..31f73c3ba852 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003p.html
index 7070e08a32eb..ee3ff8e15d81 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-003p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004e.html
index cdf7ef12b37d..3f83b62dce07 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004i.html
index 57d2183ff083..ecc6337c23e7 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004o.html
index ee0ebfd2fb2d..9dad7088f58c 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004p.html
index f7388b6a96c6..7993375e7d43 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-004p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005e.html
index 1e09aee16856..2e813e7d2c79 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005i.html
index dd5c82b9e975..a741f6433182 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005o.html
index 108d97f286bd..808952b89a36 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005p.html
index 56cbaba9858a..f0b7632b84db 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-005p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006e.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006e.html
index 9e6b0dc2c912..15ce6d3d4dab 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006e.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006e.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006i.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006i.html
index 29c2f227ad6a..83c544ed134f 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006i.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006i.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006o.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006o.html
index 43358a9b626c..00eae1ca34bf 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006o.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006o.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006p.html b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006p.html
index fe35065b2b31..f5e894034eae 100644
--- a/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006p.html
+++ b/layout/reftests/w3c-css/submitted/images3/object-fit-scale-down-svg-006p.html
@@ -40,8 +40,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/images3/support/template-object-fit-test.html b/layout/reftests/w3c-css/submitted/images3/support/template-object-fit-test.html
index fe1518235442..3a5b60d1489c 100644
--- a/layout/reftests/w3c-css/submitted/images3/support/template-object-fit-test.html
+++ b/layout/reftests/w3c-css/submitted/images3/support/template-object-fit-test.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/w3c-css/submitted/masking/mask-position-3a.html b/layout/reftests/w3c-css/submitted/masking/mask-position-3a.html
index 724a1e3ab244..17b1137f6262 100644
--- a/layout/reftests/w3c-css/submitted/masking/mask-position-3a.html
+++ b/layout/reftests/w3c-css/submitted/masking/mask-position-3a.html
@@ -20,7 +20,7 @@
 
       #inner {
         background-color: purple;
-        mask-position: center bottom 80%;
+        mask-position: left 50% bottom 80%;
         mask-image: url(support/50x50-opaque-blue.svg);
         mask-repeat: no-repeat;
       }
diff --git a/layout/reftests/w3c-css/submitted/masking/mask-position-4c.html b/layout/reftests/w3c-css/submitted/masking/mask-position-4c.html
index 70959c0984d7..7437c0232ba5 100644
--- a/layout/reftests/w3c-css/submitted/masking/mask-position-4c.html
+++ b/layout/reftests/w3c-css/submitted/masking/mask-position-4c.html
@@ -20,7 +20,7 @@
 
       #inner {
         background-color: purple;
-        mask-position: left bottom 50%;
+        mask-position: left 0% bottom 50%;
         mask-image: url(support/50x50-opaque-blue.svg);
         mask-repeat: no-repeat;
       }
diff --git a/layout/reftests/w3c-css/submitted/masking/mask-position-6.html b/layout/reftests/w3c-css/submitted/masking/mask-position-6.html
index e1d9eca553a2..e4b0715c4de3 100644
--- a/layout/reftests/w3c-css/submitted/masking/mask-position-6.html
+++ b/layout/reftests/w3c-css/submitted/masking/mask-position-6.html
@@ -25,19 +25,19 @@
       }
 
       #inner1 {
-        mask-position: left 20px bottom;
+        mask-position: left 20px bottom 0px;
       }
 
       #inner2 {
-        mask-position: left 40% bottom;
+        mask-position: left 40% bottom 0%;
       }
 
       #inner3 {
-        mask-position: right 60% bottom;
+        mask-position: right 60% bottom 0%;
       }
 
       #inner4 {
-        mask-position: right 30px bottom;
+        mask-position: right 30px bottom 0px;
       }
     </style>
   </head>
diff --git a/layout/reftests/w3c-css/submitted/masking/mask-position-7.html b/layout/reftests/w3c-css/submitted/masking/mask-position-7.html
index 30e9a758179c..d24fca5bc2a9 100644
--- a/layout/reftests/w3c-css/submitted/masking/mask-position-7.html
+++ b/layout/reftests/w3c-css/submitted/masking/mask-position-7.html
@@ -25,19 +25,19 @@
       }
 
       #inner1 {
-        mask-position: right top 40%;
+        mask-position: right 0% top 40%;
       }
 
       #inner2 {
-        mask-position: right top 20px;
+        mask-position: right 0px top 20px;
       }
 
       #inner3 {
-        mask-position: right bottom 60%;
+        mask-position: right 0% bottom 60%;
       }
 
       #inner4 {
-        mask-position: right bottom 30px;
+        mask-position: right 0px bottom 30px;
       }
     </style>
   </head>
diff --git a/layout/reftests/webm-video/object-fit-contain-webm-001.html b/layout/reftests/webm-video/object-fit-contain-webm-001.html
index d93152d24571..6bf61d9651cf 100644
--- a/layout/reftests/webm-video/object-fit-contain-webm-001.html
+++ b/layout/reftests/webm-video/object-fit-contain-webm-001.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/webm-video/object-fit-contain-webm-002.html b/layout/reftests/webm-video/object-fit-contain-webm-002.html
index 8d0fce8d0435..f08079ee9c4f 100644
--- a/layout/reftests/webm-video/object-fit-contain-webm-002.html
+++ b/layout/reftests/webm-video/object-fit-contain-webm-002.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/webm-video/object-fit-cover-webm-001.html b/layout/reftests/webm-video/object-fit-cover-webm-001.html
index 5d0d44c58766..efdee21531b0 100644
--- a/layout/reftests/webm-video/object-fit-cover-webm-001.html
+++ b/layout/reftests/webm-video/object-fit-cover-webm-001.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/webm-video/object-fit-cover-webm-002.html b/layout/reftests/webm-video/object-fit-cover-webm-002.html
index e54c5f5b2def..5be9f59d78c3 100644
--- a/layout/reftests/webm-video/object-fit-cover-webm-002.html
+++ b/layout/reftests/webm-video/object-fit-cover-webm-002.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/webm-video/object-fit-fill-webm-001.html b/layout/reftests/webm-video/object-fit-fill-webm-001.html
index 1f23585a1171..c4c1a0ed1634 100644
--- a/layout/reftests/webm-video/object-fit-fill-webm-001.html
+++ b/layout/reftests/webm-video/object-fit-fill-webm-001.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/webm-video/object-fit-fill-webm-002.html b/layout/reftests/webm-video/object-fit-fill-webm-002.html
index 20ae035e8f4a..fa487c174ae5 100644
--- a/layout/reftests/webm-video/object-fit-fill-webm-002.html
+++ b/layout/reftests/webm-video/object-fit-fill-webm-002.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/webm-video/object-fit-none-webm-001.html b/layout/reftests/webm-video/object-fit-none-webm-001.html
index 3fdd28ec6bd6..bb75b8eec248 100644
--- a/layout/reftests/webm-video/object-fit-none-webm-001.html
+++ b/layout/reftests/webm-video/object-fit-none-webm-001.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/webm-video/object-fit-none-webm-002.html b/layout/reftests/webm-video/object-fit-none-webm-002.html
index bd8ee33f2094..c9114cb2943a 100644
--- a/layout/reftests/webm-video/object-fit-none-webm-002.html
+++ b/layout/reftests/webm-video/object-fit-none-webm-002.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/webm-video/object-fit-scale-down-webm-001.html b/layout/reftests/webm-video/object-fit-scale-down-webm-001.html
index de329a7f3d07..1601a4f5b773 100644
--- a/layout/reftests/webm-video/object-fit-scale-down-webm-001.html
+++ b/layout/reftests/webm-video/object-fit-scale-down-webm-001.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/webm-video/object-fit-scale-down-webm-002.html b/layout/reftests/webm-video/object-fit-scale-down-webm-002.html
index 8b5820d8a111..ec143cc7897a 100644
--- a/layout/reftests/webm-video/object-fit-scale-down-webm-002.html
+++ b/layout/reftests/webm-video/object-fit-scale-down-webm-002.html
@@ -41,8 +41,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
     </style>
   </head>
   <body>
diff --git a/layout/reftests/xul/object-fit-contain-png-001.xul b/layout/reftests/xul/object-fit-contain-png-001.xul
index dfd57d71ef13..cb4477fc1c3f 100644
--- a/layout/reftests/xul/object-fit-contain-png-001.xul
+++ b/layout/reftests/xul/object-fit-contain-png-001.xul
@@ -34,8 +34,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-contain-png-002.xul b/layout/reftests/xul/object-fit-contain-png-002.xul
index 6524e9303cc3..87df2849dd36 100644
--- a/layout/reftests/xul/object-fit-contain-png-002.xul
+++ b/layout/reftests/xul/object-fit-contain-png-002.xul
@@ -34,8 +34,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-contain-svg-001.xul b/layout/reftests/xul/object-fit-contain-svg-001.xul
index ce5e776b8d30..520574087dd0 100644
--- a/layout/reftests/xul/object-fit-contain-svg-001.xul
+++ b/layout/reftests/xul/object-fit-contain-svg-001.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-contain-svg-002.xul b/layout/reftests/xul/object-fit-contain-svg-002.xul
index a0135d6b4e9c..39be97b062d6 100644
--- a/layout/reftests/xul/object-fit-contain-svg-002.xul
+++ b/layout/reftests/xul/object-fit-contain-svg-002.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-contain-svg-003.xul b/layout/reftests/xul/object-fit-contain-svg-003.xul
index 6bbd1a900147..02cc65e6b67c 100644
--- a/layout/reftests/xul/object-fit-contain-svg-003.xul
+++ b/layout/reftests/xul/object-fit-contain-svg-003.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-contain-svg-004.xul b/layout/reftests/xul/object-fit-contain-svg-004.xul
index 6c721365ad49..c80cf896dbff 100644
--- a/layout/reftests/xul/object-fit-contain-svg-004.xul
+++ b/layout/reftests/xul/object-fit-contain-svg-004.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-contain-svg-005.xul b/layout/reftests/xul/object-fit-contain-svg-005.xul
index ab481ec0b68c..61579594562a 100644
--- a/layout/reftests/xul/object-fit-contain-svg-005.xul
+++ b/layout/reftests/xul/object-fit-contain-svg-005.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-contain-svg-006.xul b/layout/reftests/xul/object-fit-contain-svg-006.xul
index 678dfba6dfd4..0ea0401299be 100644
--- a/layout/reftests/xul/object-fit-contain-svg-006.xul
+++ b/layout/reftests/xul/object-fit-contain-svg-006.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-cover-png-001.xul b/layout/reftests/xul/object-fit-cover-png-001.xul
index bd2f98f0b454..e0e6430ca9fa 100644
--- a/layout/reftests/xul/object-fit-cover-png-001.xul
+++ b/layout/reftests/xul/object-fit-cover-png-001.xul
@@ -34,8 +34,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-cover-png-002.xul b/layout/reftests/xul/object-fit-cover-png-002.xul
index 093c3e6fb74c..5a47f5472f33 100644
--- a/layout/reftests/xul/object-fit-cover-png-002.xul
+++ b/layout/reftests/xul/object-fit-cover-png-002.xul
@@ -34,8 +34,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-cover-svg-001.xul b/layout/reftests/xul/object-fit-cover-svg-001.xul
index cb8d7e2dc36f..22aa52b10bdf 100644
--- a/layout/reftests/xul/object-fit-cover-svg-001.xul
+++ b/layout/reftests/xul/object-fit-cover-svg-001.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-cover-svg-002.xul b/layout/reftests/xul/object-fit-cover-svg-002.xul
index 73b0a70e8cc1..c21a275cb1a9 100644
--- a/layout/reftests/xul/object-fit-cover-svg-002.xul
+++ b/layout/reftests/xul/object-fit-cover-svg-002.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-cover-svg-003.xul b/layout/reftests/xul/object-fit-cover-svg-003.xul
index 852067d0d658..d586c58d3c40 100644
--- a/layout/reftests/xul/object-fit-cover-svg-003.xul
+++ b/layout/reftests/xul/object-fit-cover-svg-003.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-cover-svg-004.xul b/layout/reftests/xul/object-fit-cover-svg-004.xul
index db5721414a28..58a514c221f8 100644
--- a/layout/reftests/xul/object-fit-cover-svg-004.xul
+++ b/layout/reftests/xul/object-fit-cover-svg-004.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-cover-svg-005.xul b/layout/reftests/xul/object-fit-cover-svg-005.xul
index 00699ff28322..2641d06389be 100644
--- a/layout/reftests/xul/object-fit-cover-svg-005.xul
+++ b/layout/reftests/xul/object-fit-cover-svg-005.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-cover-svg-006.xul b/layout/reftests/xul/object-fit-cover-svg-006.xul
index 1fbf905cb822..bd50fea9d6fc 100644
--- a/layout/reftests/xul/object-fit-cover-svg-006.xul
+++ b/layout/reftests/xul/object-fit-cover-svg-006.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-fill-png-001.xul b/layout/reftests/xul/object-fit-fill-png-001.xul
index 96a785a80fa9..8b62232c85ae 100644
--- a/layout/reftests/xul/object-fit-fill-png-001.xul
+++ b/layout/reftests/xul/object-fit-fill-png-001.xul
@@ -34,8 +34,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-fill-png-002.xul b/layout/reftests/xul/object-fit-fill-png-002.xul
index 81ab3fd2c278..f0f19a171583 100644
--- a/layout/reftests/xul/object-fit-fill-png-002.xul
+++ b/layout/reftests/xul/object-fit-fill-png-002.xul
@@ -34,8 +34,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-fill-svg-001.xul b/layout/reftests/xul/object-fit-fill-svg-001.xul
index c0490ca02191..deee678c00fc 100644
--- a/layout/reftests/xul/object-fit-fill-svg-001.xul
+++ b/layout/reftests/xul/object-fit-fill-svg-001.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-fill-svg-002.xul b/layout/reftests/xul/object-fit-fill-svg-002.xul
index 2ee41d6294a1..bec0c44f0461 100644
--- a/layout/reftests/xul/object-fit-fill-svg-002.xul
+++ b/layout/reftests/xul/object-fit-fill-svg-002.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-fill-svg-003.xul b/layout/reftests/xul/object-fit-fill-svg-003.xul
index 21e212e47f27..3adc027e6b16 100644
--- a/layout/reftests/xul/object-fit-fill-svg-003.xul
+++ b/layout/reftests/xul/object-fit-fill-svg-003.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-fill-svg-004.xul b/layout/reftests/xul/object-fit-fill-svg-004.xul
index 49901ad166d5..5cd194a9a49a 100644
--- a/layout/reftests/xul/object-fit-fill-svg-004.xul
+++ b/layout/reftests/xul/object-fit-fill-svg-004.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-fill-svg-005.xul b/layout/reftests/xul/object-fit-fill-svg-005.xul
index e38b80894b16..530c4477a440 100644
--- a/layout/reftests/xul/object-fit-fill-svg-005.xul
+++ b/layout/reftests/xul/object-fit-fill-svg-005.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-fill-svg-006.xul b/layout/reftests/xul/object-fit-fill-svg-006.xul
index c1ee06d86956..3f93f2e91580 100644
--- a/layout/reftests/xul/object-fit-fill-svg-006.xul
+++ b/layout/reftests/xul/object-fit-fill-svg-006.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-none-png-001.xul b/layout/reftests/xul/object-fit-none-png-001.xul
index 90c0b88f7b2b..7dc4a9c5d16d 100644
--- a/layout/reftests/xul/object-fit-none-png-001.xul
+++ b/layout/reftests/xul/object-fit-none-png-001.xul
@@ -34,8 +34,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-none-png-002.xul b/layout/reftests/xul/object-fit-none-png-002.xul
index 41ba4630356e..b4a958257c42 100644
--- a/layout/reftests/xul/object-fit-none-png-002.xul
+++ b/layout/reftests/xul/object-fit-none-png-002.xul
@@ -34,8 +34,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-none-svg-001.xul b/layout/reftests/xul/object-fit-none-svg-001.xul
index 6fba38bd5d52..b65f96e0f336 100644
--- a/layout/reftests/xul/object-fit-none-svg-001.xul
+++ b/layout/reftests/xul/object-fit-none-svg-001.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-none-svg-002.xul b/layout/reftests/xul/object-fit-none-svg-002.xul
index fdd7217eb0f3..847e11889075 100644
--- a/layout/reftests/xul/object-fit-none-svg-002.xul
+++ b/layout/reftests/xul/object-fit-none-svg-002.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-none-svg-003.xul b/layout/reftests/xul/object-fit-none-svg-003.xul
index 031e83cad7b5..f9a35ac08323 100644
--- a/layout/reftests/xul/object-fit-none-svg-003.xul
+++ b/layout/reftests/xul/object-fit-none-svg-003.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-none-svg-004.xul b/layout/reftests/xul/object-fit-none-svg-004.xul
index 0ae5ab67d019..72a5b11bcb2d 100644
--- a/layout/reftests/xul/object-fit-none-svg-004.xul
+++ b/layout/reftests/xul/object-fit-none-svg-004.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-none-svg-005.xul b/layout/reftests/xul/object-fit-none-svg-005.xul
index 72fef0cf69d7..d931a325319c 100644
--- a/layout/reftests/xul/object-fit-none-svg-005.xul
+++ b/layout/reftests/xul/object-fit-none-svg-005.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-none-svg-006.xul b/layout/reftests/xul/object-fit-none-svg-006.xul
index 5902fc0f7340..789be635678b 100644
--- a/layout/reftests/xul/object-fit-none-svg-006.xul
+++ b/layout/reftests/xul/object-fit-none-svg-006.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-scale-down-png-001.xul b/layout/reftests/xul/object-fit-scale-down-png-001.xul
index 283b35d32987..d14743cbb973 100644
--- a/layout/reftests/xul/object-fit-scale-down-png-001.xul
+++ b/layout/reftests/xul/object-fit-scale-down-png-001.xul
@@ -34,8 +34,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-scale-down-png-002.xul b/layout/reftests/xul/object-fit-scale-down-png-002.xul
index 828890c575c0..ef6f12121fec 100644
--- a/layout/reftests/xul/object-fit-scale-down-png-002.xul
+++ b/layout/reftests/xul/object-fit-scale-down-png-002.xul
@@ -34,8 +34,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-001.xul b/layout/reftests/xul/object-fit-scale-down-svg-001.xul
index c78ecc63ec40..6391ae2b0ff4 100644
--- a/layout/reftests/xul/object-fit-scale-down-svg-001.xul
+++ b/layout/reftests/xul/object-fit-scale-down-svg-001.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-002.xul b/layout/reftests/xul/object-fit-scale-down-svg-002.xul
index 725d7e375e2d..2edab7650722 100644
--- a/layout/reftests/xul/object-fit-scale-down-svg-002.xul
+++ b/layout/reftests/xul/object-fit-scale-down-svg-002.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-003.xul b/layout/reftests/xul/object-fit-scale-down-svg-003.xul
index 193d41be0843..1b543b0848be 100644
--- a/layout/reftests/xul/object-fit-scale-down-svg-003.xul
+++ b/layout/reftests/xul/object-fit-scale-down-svg-003.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-004.xul b/layout/reftests/xul/object-fit-scale-down-svg-004.xul
index 091be4bd2d48..85fb2f0166e7 100644
--- a/layout/reftests/xul/object-fit-scale-down-svg-004.xul
+++ b/layout/reftests/xul/object-fit-scale-down-svg-004.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-005.xul b/layout/reftests/xul/object-fit-scale-down-svg-005.xul
index 2d6a9e743ce3..9c3ced8930ea 100644
--- a/layout/reftests/xul/object-fit-scale-down-svg-005.xul
+++ b/layout/reftests/xul/object-fit-scale-down-svg-005.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->
diff --git a/layout/reftests/xul/object-fit-scale-down-svg-006.xul b/layout/reftests/xul/object-fit-scale-down-svg-006.xul
index 645498a984a9..b3cc76fdda44 100644
--- a/layout/reftests/xul/object-fit-scale-down-svg-006.xul
+++ b/layout/reftests/xul/object-fit-scale-down-svg-006.xul
@@ -33,8 +33,8 @@
       .tl { object-position: top 25% left 25% }
       .br { object-position: bottom 1px right 2px }
 
-      .tc { object-position: top 3px center }
-      .cr { object-position: center right 25% }
+      .tc { object-position: top 3px left 50% }
+      .cr { object-position: top 50% right 25% }
   ]]></style>
   <hbox>
     <!-- big/wide: -->