<!DOCTYPE html>
<html style="overflow:scroll; background:white; color:black;">
    <head>
        <title>Scroll overflow on HTML, hidden overflow on BODY</title>
    </head>
    <body style="overflow:hidden; width:20em; height:20em; background:cyan;">
        <p>This text should be inside a cyan box. There should be no red.</p>
        <p>The viewport should have scrollbars (that are not scrollable, due to lack of content).</p>
        <div style="width:30em;">
            <div style="float:right; width:10em; height:20em; background:red;">FAIL</div>
        </div>
        <div style="width:300vw; height:300vh;"></div>
    </body>
</html>