diff --git a/Tests/LibWeb/Ref/overflow-hidden-2.html b/Tests/LibWeb/Ref/overflow-hidden-2.html
new file mode 100644
index 00000000000..48c09f764e6
--- /dev/null
+++ b/Tests/LibWeb/Ref/overflow-hidden-2.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <link rel="match" href="reference/overflow-hidden-2-ref.html" />
+        <style>
+            .box1 {
+                width: 400px;
+                height: 400px;
+                background-color: slateblue;
+                position: absolute;
+                overflow: hidden;
+            }
+
+            .translate {
+                width: 200px;
+                height: 200px;
+                background-color: black;
+                transform: translate(150px, 150px);
+            }
+
+            .box2 {
+                width: 100px;
+                height: 100px;
+                background-color: orangered;
+                position: absolute;
+            }
+
+            .box3 {
+                position: relative;
+                width: 100px;
+                height: 100px;
+                background-color: greenyellow;
+                top: -90px;
+                left: -120px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="box1">
+            <div class="translate">
+                <div class="box2"><div class="box3"></div></div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/Tests/LibWeb/Ref/overflow-hidden.html b/Tests/LibWeb/Ref/overflow-hidden.html
new file mode 100644
index 00000000000..e65d1d7eec3
--- /dev/null
+++ b/Tests/LibWeb/Ref/overflow-hidden.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <link rel="match" href="reference/overflow-hidden-ref.html" />
+        <style>
+            .outer-box {
+                width: 300px;
+                height: 300px;
+                background-color: darkblue;
+                overflow: hidden;
+            }
+
+            .inner-box {
+                width: 600px;
+                height: 600px;
+                background-color: orangered;
+                transform: translate(100px, 100px);
+            }
+        </style>
+    </head>
+    <body>
+        <div class="outer-box">
+            <div><div class="inner-box"></div></div>
+        </div>
+    </body>
+</html>
diff --git a/Tests/LibWeb/Ref/reference/overflow-hidden-2-ref.html b/Tests/LibWeb/Ref/reference/overflow-hidden-2-ref.html
new file mode 100644
index 00000000000..8f343cb4d73
--- /dev/null
+++ b/Tests/LibWeb/Ref/reference/overflow-hidden-2-ref.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <style>
+            .box1 {
+                width: 400px;
+                height: 400px;
+                background-color: slateblue;
+                position: absolute;
+            }
+
+            .translate {
+                width: 200px;
+                height: 200px;
+                background-color: black;
+                transform: translate(150px, 150px);
+            }
+
+            .box2 {
+                width: 100px;
+                height: 100px;
+                background-color: orangered;
+                position: absolute;
+            }
+
+            .box3 {
+                position: relative;
+                width: 100px;
+                height: 100px;
+                background-color: greenyellow;
+                top: -90px;
+                left: -120px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="box1">
+            <div class="translate">
+                <div class="box2"><div class="box3"></div></div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/Tests/LibWeb/Ref/reference/overflow-hidden-ref.html b/Tests/LibWeb/Ref/reference/overflow-hidden-ref.html
new file mode 100644
index 00000000000..b4594d71c45
--- /dev/null
+++ b/Tests/LibWeb/Ref/reference/overflow-hidden-ref.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <style>
+            .outer-box {
+                width: 300px;
+                height: 300px;
+                background-color: darkblue;
+                overflow: hidden;
+                position: relative
+            }
+
+            .inner-box {
+                width: 200px;
+                height: 200px;
+                background-color: orangered;
+                position: absolute;
+                top: 100px;
+                left: 100px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="outer-box"><div class="inner-box"></div></div>
+    </body>
+</html>
