<!DOCTYPE html>
<html>
    <head>
        <title>Scroll overflow on HTML, hidden overflow on BODY</title>
    </head>
    <body style="overflow:scroll; background:white; color:black;">
        <div 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>
    </body>
</html>