diff --git a/tests/wpt/mozilla/meta/MANIFEST.json b/tests/wpt/mozilla/meta/MANIFEST.json
index 6132dea8524..10980937d89 100644
--- a/tests/wpt/mozilla/meta/MANIFEST.json
+++ b/tests/wpt/mozilla/meta/MANIFEST.json
@@ -1007,6 +1007,18 @@
             "url": "/_mozilla/css/canvas_linear_gradient_a.html"
           }
         ],
+        "css/canvas_over_area.html": [
+          {
+            "path": "css/canvas_over_area.html",
+            "references": [
+              [
+                "/_mozilla/css/canvas_over_area_ref.html",
+                "=="
+              ]
+            ],
+            "url": "/_mozilla/css/canvas_over_area.html"
+          }
+        ],
         "css/case-insensitive-font-family.html": [
           {
             "path": "css/case-insensitive-font-family.html",
@@ -5730,6 +5742,18 @@
           "url": "/_mozilla/css/canvas_linear_gradient_a.html"
         }
       ],
+      "css/canvas_over_area.html": [
+        {
+          "path": "css/canvas_over_area.html",
+          "references": [
+            [
+              "/_mozilla/css/canvas_over_area_ref.html",
+              "=="
+            ]
+          ],
+          "url": "/_mozilla/css/canvas_over_area.html"
+        }
+      ],
       "css/case-insensitive-font-family.html": [
         {
           "path": "css/case-insensitive-font-family.html",
@@ -8808,4 +8832,4 @@
   "rev": null,
   "url_base": "/_mozilla/",
   "version": 2
-}
\ No newline at end of file
+}
diff --git a/tests/wpt/mozilla/tests/css/canvas_over_area.html b/tests/wpt/mozilla/tests/css/canvas_over_area.html
new file mode 100644
index 00000000000..c1e062cad68
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/canvas_over_area.html
@@ -0,0 +1,37 @@
+<!doctype html>
+<body>
+<link rel='match' href='canvas_over_area_ref.html'>
+<style>
+
+#base {
+  background-color: red;
+  height: 100px;
+  width: 100px;
+}
+
+#painted {
+  width: 100px;
+  height: 100px;
+  position: relative;
+  top: -100px;
+}
+</style>
+
+<div id="base"></div>
+<canvas id="painted"></canvas>
+
+
+<script>
+onload = function() {
+  var obj = document.getElementById("painted");
+  obj.width = 500;
+  obj.height = 500;
+  var context = obj.getContext("2d");
+  context.save();
+  context.fillStyle = "green";
+  context.fillRect(0, 0, 500, 500);
+  context.restore();
+};
+</script>
+</body>
+</html>
diff --git a/tests/wpt/mozilla/tests/css/canvas_over_area_ref.html b/tests/wpt/mozilla/tests/css/canvas_over_area_ref.html
new file mode 100644
index 00000000000..5cfa3c76ad6
--- /dev/null
+++ b/tests/wpt/mozilla/tests/css/canvas_over_area_ref.html
@@ -0,0 +1,11 @@
+<style>
+
+#base {
+  background-color: green;
+  height: 100px;
+  width: 100px;
+}
+
+</style>
+
+<div id="base"></div>
