<html>
<body>
Make sure that overflow:auto/hidden/scroll blocks interleave their background and foreground with other overlapping blocks in the normal flow.

<div style="overflow:auto; width:300px; height:300px; background-color:lime; ">Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
Hello world<br>
</div>
<div style="background-color:yellow;width:300px;height:300px; font-size:48px; margin-top:-50px">This text overlaps.</div>