<!DOCTYPE HTML>
<html>
<body>
<p>When you scroll down there should be <b>no</b> space provided by the margin after the yellow box.</p>
<div style="background-color: green; height: 100px; width: 100px;">
<div style="background-color: yellow; border: 1px solid red; width: 100px; height: 1000px; margin-top: 50px; margin-bottom: 50px;"></div>
</div>
</body>
</html>