Formatting contexts should always expand to enclose floats

LayoutTests/fast/block/float/formatting-context-changes.html

Index: LayoutTests/fast/block/float/formatting-context-changes.html
diff --git a/LayoutTests/fast/block/float/formatting-context-changes.html b/LayoutTests/fast/block/float/formatting-context-changes.html
new file mode 100644
index 0000000000000000000000000000000000000000..8b34459732d6fe40489a92b7aac66ff6e844166b
--- /dev/null
+++ b/LayoutTests/fast/block/float/formatting-context-changes.html
@@ -0,0 +1,25 @@
+<style>
+img {
+    float: left;
+}
+</style>
+<div id="container" style="overflow: hidden; background: #eee" data-expected-height=100>
+    <div style="list-style: none; width: 3230px;">
+        <div style="display: table-cell; width: 1615px; vertical-align: top;">
+                <a><img src="" height="100px" width="100px"></a>
+        </div>
+        <div id="second-cell" style="display: block; width: 1615px; vertical-align: top;">
+                <a><img src="" height="100px" width="100px"></a>
+        </div>
+    </div>
+</div>
+<p id="test-output"></p>
+<script src="../../../resources/check-layout.js"></script>
+<script>
+    var cell = document.getElementById('second-cell');
+    var container = document.getElementById('container');
+    document.body.offsetTop;
+    cell.style.display = 'table-cell';
+    window.checkLayout("#container", document.getElementById("test-output"));
+</script>
+<p>crbug.com/477076: If a nested float doesn't overhang its container the block setting the formatting context should still expand to include it if necessary. </p>