diff --git a/cobalt/layout_tests/testdata/BUILD.gn b/cobalt/layout_tests/testdata/BUILD.gn
index 494c69298f19..70887858747d 100644
--- a/cobalt/layout_tests/testdata/BUILD.gn
+++ b/cobalt/layout_tests/testdata/BUILD.gn
@@ -67,6 +67,7 @@ copy("layout_copy_test_data") {
     "cobalt/100-nested-elements-expected.png",
     "cobalt/100-nested-elements.html",
     "cobalt/README.txt",
+    "cobalt/baby_tux.png",
     "cobalt/block-and-inline-block-display-expected.png",
     "cobalt/block-and-inline-block-display.html",
     "cobalt/btoa-with-null-char-expected.png",
@@ -107,6 +108,8 @@ copy("layout_copy_test_data") {
     "cobalt/positioned-boxes-with-same-z-index-are-processed-in-insertion-order.html",
     "cobalt/relative-font-size-expected.png",
     "cobalt/relative-font-size.html",
+    "cobalt/render-background-and-text-expected.png",
+    "cobalt/render-background-and-text.html",
     "cobalt/repro-27290784-expected.png",
     "cobalt/repro-27290784.html",
     "cobalt/screenshot-expected.png",
diff --git a/cobalt/layout_tests/testdata/cobalt/baby_tux.png b/cobalt/layout_tests/testdata/cobalt/baby_tux.png
new file mode 100644
index 000000000000..dd082c4e2c40
Binary files /dev/null and b/cobalt/layout_tests/testdata/cobalt/baby_tux.png differ
diff --git a/cobalt/layout_tests/testdata/cobalt/layout_tests.txt b/cobalt/layout_tests/testdata/cobalt/layout_tests.txt
index ed239a105d2a..4a62d4685997 100644
--- a/cobalt/layout_tests/testdata/cobalt/layout_tests.txt
+++ b/cobalt/layout_tests/testdata/cobalt/layout_tests.txt
@@ -17,6 +17,7 @@ interface-object-types-are-correct
 onload_event_fired_even_though_link_file_does_not_exist
 platform-object-user-properties-survive-gc
 positioned-boxes-with-same-z-index-are-processed-in-insertion-order
+render-background-and-text
 relative-font-size
 screenshot
 screenshot-with-animation
diff --git a/cobalt/layout_tests/testdata/cobalt/render-background-and-text-expected.png b/cobalt/layout_tests/testdata/cobalt/render-background-and-text-expected.png
new file mode 100644
index 000000000000..6c7f7024acb0
Binary files /dev/null and b/cobalt/layout_tests/testdata/cobalt/render-background-and-text-expected.png differ
diff --git a/cobalt/layout_tests/testdata/cobalt/render-background-and-text.html b/cobalt/layout_tests/testdata/cobalt/render-background-and-text.html
new file mode 100644
index 000000000000..a6312f648439
--- /dev/null
+++ b/cobalt/layout_tests/testdata/cobalt/render-background-and-text.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<!-- Tracking complex rendering bugs -->
+<html>
+
+<head>
+    <style>
+        body {
+            color: white;
+            background-color: #000 !important;
+        }
+        #container {
+            height: 720px;
+            width: 1280px;
+            position: absolute;
+        }
+
+        #problem {
+            display: block;
+            height: 100%;
+            background-size: 50%;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="container">
+        <div style="width: 800px; height: 700px; position: absolute">
+            <ytlr-playback-preview>
+                <ytlr-tile-header-renderer style="width: 700px; height: 400px; display: block; width: 100%;">
+                    <div style="height: 100%">
+                        <div id="problem"
+                            style="background-image: url('baby_tux.png');">
+                        </div>
+                    </div>
+                    <span>This is just some text</span>
+                </ytlr-tile-header-renderer>
+            </ytlr-playback-preview>
+        </div>
+
+    </div>
+    <script>
+        if (window.testRunner) {
+          window.testRunner.waitUntilDone();
+        }
+        window.onload = function () {
+            window.testRunner.DoNonMeasuredLayout();
+            // Then, after waiting for the font to load for half of a second, go ahead
+            // and take a snapshot.
+            window.setTimeout(function () {
+                window.testRunner.notifyDone();
+            }, 500);
+    };
+    </script>
+</body>
+
+</html>
