KrofDrakula/Overlap with negative margin.html

## Overlap with negative margin.html
<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
		<title>Overlap test</title>
	</head>
	<body>
		<div class="page" style="background: yellow">
			<h1>Test</h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc auctor, augue vel commodo fermentum, urna dolor commodo lectus, vitae laoreet metus nunc sed turpis. Aliquam lorem dolor, faucibus ut convallis viverra, pulvinar eu nulla. Sed ac nulla eget est gravida lobortis vitae ac mauris. Vivamus fermentum lacus non nulla tristique eget ornare risus cursus. In at egestas risus. Sed vulputate fringilla dapibus. Aliquam erat volutpat. Sed rutrum lorem at dolor ullamcorper dignissim. In in metus leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec laoreet, nulla ac rhoncus hendrerit, est justo cursus nisi, eget lobortis odio mauris eu arcu. Proin sagittis, lacus et egestas ultricies, nisl lacus sodales mi, ac commodo magna augue ut arcu. Aenean ac auctor arcu. Curabitur dapibus erat in dui sodales commodo. Sed quis elit massa.</p>
			<p>Vivamus ac orci vel magna consectetur volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse condimentum erat at dui consequat aliquet. Suspendisse nibh est, convallis non pharetra nec, adipiscing ut massa. Phasellus molestie commodo est id scelerisque. Donec aliquet nisi sit amet velit ullamcorper vel auctor justo commodo. Nulla vel sapien justo, scelerisque bibendum elit. Pellentesque consequat, felis a laoreet eleifend, nunc neque posuere metus, ut rutrum ante leo ac risus. Aliquam lacinia bibendum nunc, dictum venenatis urna iaculis id. In dui augue, consequat at interdum et, placerat eu purus. Etiam mattis posuere magna ac malesuada. Fusce vel sapien sit amet mauris sagittis gravida a ut dolor.</p>
		</div>
		<div class="overlay" style="background: red; height: 200px; margin: 20px; margin-top: -160px; z-index: 10000; position: relative"></div>
	</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
	<title>Overlap test</title>
	</head>
	<body>
	<div class="page" style="background: yellow">
	<h1>Test</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc auctor, augue vel commodo fermentum, urna dolor commodo lectus, vitae laoreet metus nunc sed turpis. Aliquam lorem dolor, faucibus ut convallis viverra, pulvinar eu nulla. Sed ac nulla eget est gravida lobortis vitae ac mauris. Vivamus fermentum lacus non nulla tristique eget ornare risus cursus. In at egestas risus. Sed vulputate fringilla dapibus. Aliquam erat volutpat. Sed rutrum lorem at dolor ullamcorper dignissim. In in metus leo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec laoreet, nulla ac rhoncus hendrerit, est justo cursus nisi, eget lobortis odio mauris eu arcu. Proin sagittis, lacus et egestas ultricies, nisl lacus sodales mi, ac commodo magna augue ut arcu. Aenean ac auctor arcu. Curabitur dapibus erat in dui sodales commodo. Sed quis elit massa.</p>
	<p>Vivamus ac orci vel magna consectetur volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse condimentum erat at dui consequat aliquet. Suspendisse nibh est, convallis non pharetra nec, adipiscing ut massa. Phasellus molestie commodo est id scelerisque. Donec aliquet nisi sit amet velit ullamcorper vel auctor justo commodo. Nulla vel sapien justo, scelerisque bibendum elit. Pellentesque consequat, felis a laoreet eleifend, nunc neque posuere metus, ut rutrum ante leo ac risus. Aliquam lacinia bibendum nunc, dictum venenatis urna iaculis id. In dui augue, consequat at interdum et, placerat eu purus. Etiam mattis posuere magna ac malesuada. Fusce vel sapien sit amet mauris sagittis gravida a ut dolor.</p>
	</div>
	<div class="overlay" style="background: red; height: 200px; margin: 20px; margin-top: -160px; z-index: 10000; position: relative"></div>
	</body>
	</html>