Relatively-position elements only fire events where they're actually painted

dabblet.css

/**
 * Relatively-position elements only fire events where they're actually painted
 */
body {
	background: #f06;
	background: linear-gradient(45deg, #f06, yellow);
	min-height: 100%;
}

.relative {
	width: 100px;
	height: 100px;
	position: relative;
	left: 300px;
	background: #00f2ff;
}

.relative:hover {
	background: #00b5bf;
}

dabblet.html

<div class="relative"></div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}