Deflake two layout tests

third_party/WebKit/LayoutTests/fast/table/percent-height-overflow-hidden-content-in-cell.html

Index: third_party/WebKit/LayoutTests/fast/table/percent-height-overflow-hidden-content-in-cell.html
diff --git a/third_party/WebKit/LayoutTests/fast/table/percent-height-overflow-hidden-content-in-cell.html b/third_party/WebKit/LayoutTests/fast/table/percent-height-overflow-hidden-content-in-cell.html
index 3a3dcf2b53df331b2e7a4cdf91a7357d92954874..c39beda90e16b8dec40371e5c99fc2695c44f20d 100644
--- a/third_party/WebKit/LayoutTests/fast/table/percent-height-overflow-hidden-content-in-cell.html
+++ b/third_party/WebKit/LayoutTests/fast/table/percent-height-overflow-hidden-content-in-cell.html
@@ -11,13 +11,18 @@ table {
 </style>
 <table class="test" data-expected-height=100 data-expected-width=82>
     <tr>
-        <td class="test" data-expected-height=96 data-expected-width=78><div id="content" class="test" data-expected-height=94 data-expected-width=76><img src="../../images/resources/border-image-srgb-color-profile.png"></div></td>
+        <td class="test" data-expected-height=96 data-expected-width=78><div id="content" class="test" data-expected-height=94 data-expected-width=76><img id="img"></div></td>
     </tr>
 </table>
 <script src="../../resources/check-layout.js"></script>
 <p> crbug.com/637811: Percent height overflow hidden content in a cell should flex the height of the cell. </p>
 <div id="output"></div>
 <script>
-document.body.offsetTop;
-checkLayout('.test', output);
+img.addEventListener("load", onImageLoaded, false);
+img.src = "../../images/resources/border-image-srgb-color-profile.png";
+function onImageLoaded()
+{
+  document.body.offsetTop;
+  checkLayout('.test', output);
+}
 </script>