<html>
<head>
<style type="text/css">
iframe {
position: relative;
z-index: 1;
left: 10px;
top: 10px;
border: 1px solid black;
}
#overlap {
position: absolute;
width: 100px;
height: 100px;
z-index: 2;
left: 10px;
top: 100px;
background-color: blue;
}
p {
margin-top: 50px;
}
</style>
</head>
<body>
<div id="overlap"></div>
<iframe id="frame" src="resources/blit-on-scroll-subframe.html" scrolling="no"></iframe>
<p>The blue box should not get "smeared" when you scroll the inner iframe.</p>
</body>
</html>