<!DOCTYPE html> <link rel="author" title="David Grogan" href="mailto:dgrogan@chromium.org"> <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1700474"> <link rel="help" href="https://crbug.com/1337056"> <link rel="match" href="../reference/ref-filled-green-100px-square.xht" /> <meta name="assert" content="specified size suggestion obeys item's resolvable % main size"> <style> #reference-overlapped-red { position: absolute; background-color: red; width: 100px; height: 100px; z-index: -1; } </style> <p>Test passes if there is a filled green square and <strong>no red</strong>. </p> <div id="reference-overlapped-red"></div> <div style="display: flex; width: 100px;"> <img src="support/100x100-green.png" style="width: 100%; flex: 0 0 10px;"> </div>