diff --git a/Base/res/html/misc/float-3.html b/Base/res/html/misc/float-3.html
new file mode 100644
index 00000000000..0492a5d6ba9
--- /dev/null
+++ b/Base/res/html/misc/float-3.html
@@ -0,0 +1,27 @@
+<style>
+    body {
+        width: 780px;
+        text-align: center
+    }
+    .box {
+        height: 100px;
+        width: 300px;
+        background: red;
+    }
+    #top {
+        overflow: hidden;
+    }
+    #bottom {
+        border: 1px solid black;
+    }
+</style>
+<body>
+    <div id="top">
+        <div id="top-left" class="box" style="float: left"></div>
+        <div id="top-right" class="box" style="float: right"></div>
+    </div>
+    <div id="bottom">
+        <!-- Due to the overflow property of the top div, this div should be laid beneath the top, rather than inline -->
+        <div id="text">foobar</div>
+    </div>
+</body>
diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html
index 51bbae13462..3fd83cb3c54 100644
--- a/Base/res/html/misc/welcome.html
+++ b/Base/res/html/misc/welcome.html
@@ -41,6 +41,7 @@ span#loadtime {
         <li><a href="contenteditable.html">contenteditable</a></li>
         <li><a href="clear-1.html">clearing floats</a></li>
         <li><a href="float-1.html">floating boxes</a></li>
+        <li><a href="float-3.html">floating boxes with overflow=hidden</a></li>
         <li><a href="padding-inline.html">inline elements with padding</a></li>
         <li><a href="event-bubbling-and-multiple-listeners.html">event bubbling and multiple listeners</a></li>
         <li><a href="checkbox.html">checkbox</a></li>
