Fix style propagation to continuations

LayoutTests/fast/repaint/outline-continuations.html

Index: LayoutTests/fast/repaint/outline-continuations.html
diff --git a/LayoutTests/fast/repaint/outline-continuations.html b/LayoutTests/fast/repaint/outline-continuations.html
index bf84e038857162f477b27807446897c6294ad711..14ec8a0cedbf114a38a115150c86e688b582c334 100644
--- a/LayoutTests/fast/repaint/outline-continuations.html
+++ b/LayoutTests/fast/repaint/outline-continuations.html
@@ -5,22 +5,27 @@ function repaintTest()
 {
   document.querySelector('#outer').style.outline = 'green solid 2px';
 }
-onload = runRepaintTest;
+onload = runRepaintAndPixelTest;
 </script>
 <style>
-body { height: 200px; }
-p, #inner { height: 20px; }
-#container { position: absolute; }
+p, .inner { height: 20px; }
+#container { position: absolute; width: 200px; padding: 10px; top: 100px; }
 </style>
 <p>
   This test is verifying that when the outline is added to an element
   that we correctly invalidate any continuations.
 </p>
 <p>
-  If this test passes, you should see a green border around the text contents.
+  If this test passes, you should see a green border around "CONTENTS".
 </p>
 <div id="container">
     <span id="outer">
-        <div id="inner">CONTENTS</div>
+        CONTENTS
+        <div class="inner">CONTENTS</div>
+        CONTENTS
+        <div class="inner">CONTENTS</div>
+    </span>
+    <span>
+        <div class="inner">Should not have green border</div>
     </span>
 </div>