diff --git a/tests/wpt/mozilla/meta/MANIFEST.json b/tests/wpt/mozilla/meta/MANIFEST.json
index b349b7c5467..a0c8dbe70a9 100644
--- a/tests/wpt/mozilla/meta/MANIFEST.json
+++ b/tests/wpt/mozilla/meta/MANIFEST.json
@@ -1916,6 +1916,18 @@
             "url": "/_mozilla/css/iframe/stacking_context_position_a.html"
           }
         ],
+        "css/image_percentage_dimen.html": [
+          {
+            "path": "css/image_percentage_dimen.html",
+            "references": [
+              [
+                "/_mozilla/css/image_percentage_dimen_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/image_percentage_dimen.html"
+          }
+        ],
         "css/image_rendering_auto_a.html": [
           {
             "path": "css/image_rendering_auto_a.html",
@@ -8290,6 +8302,18 @@
           "url": "/_mozilla/css/iframe/stacking_context_position_a.html"
         }
       ],
+      "css/image_percentage_dimen.html": [
+        {
+          "path": "css/image_percentage_dimen.html",
+          "references": [
+            [
+              "/_mozilla/css/image_percentage_dimen_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/image_percentage_dimen.html"
+        }
+      ],
       "css/image_rendering_auto_a.html": [
         {
           "path": "css/image_rendering_auto_a.html",
diff --git a/tests/wpt/mozilla/tests/css/image_percentage_dimen.html b/tests/wpt/mozilla/tests/css/image_percentage_dimen.html
new file mode 100644
index 00000000000..d25c607df30
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/image_percentage_dimen.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<!-- saved from url=(0042)http://testujem.eu/servo/circle-image.html -->
+<html>
+<head>
+    <link rel='match' href='image_percentage_dimen_ref.html'>
+    <style type="text/css">
+        .image {
+            border:15px solid red;
+            padding:28px;
+            width:230px;
+            height:230px;
+            box-sizing:border-box;
+            -moz-box-sizing:border-box;
+            float:left;
+            margin-right:8%
+        }
+        .image .img {
+            background-size:cover;
+            background-position:center center;
+            width:100%;
+            height:100%;
+        }
+    </style>
+</head>
+<body>
+    <div class="image">
+        <div class="img" style="background-image: url(test.jpeg);"></div>
+    </div>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/css/image_percentage_dimen_ref.html b/tests/wpt/mozilla/tests/css/image_percentage_dimen_ref.html
new file mode 100644
index 00000000000..713727faf6f
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/image_percentage_dimen_ref.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<!-- saved from url=(0042)http://testujem.eu/servo/circle-image.html -->
+<html>
+<head>
+    <style type="text/css">
+        .image {
+            border:15px solid red;
+            padding:28px;
+            width:230px;
+            height:230px;
+            box-sizing:border-box;
+            -moz-box-sizing:border-box;
+            float:left;
+            margin-right:8%
+        }
+        .image .img {
+            background-size:cover;
+            background-position:center center;
+            width:144px;
+            height:144px;
+        }
+    </style>
+</head>
+<body>
+    <div class="image">
+        <div class="img" style="background-image: url(test.jpeg);"></div>
+    </div>
+</body>
+</html>
