<!DOCTYPE html>
<style>
body { margin:0; }
#target { transform:translateZ(0); background:yellow; }
#target:hover { background:green; }
</style>
<div id="mc" style="-webkit-columns:2; -webkit-column-gap:0; column-fill:auto; width:400px; height:200px;">
<div style="height:220px;"></div>
<div id="target" style="width:100px; height:100px;"></div>
</div>
<div id="result"></div>
<script>
if (window.testRunner)
testRunner.dumpAsText();
var result = document.getElementById("result");
var hitElement = document.elementFromPoint(250, 50);
if (hitElement === document.getElementById("target"))
result.innerText = "PASS";
else
result.innerText = "FAIL: Hit " + hitElement;
</script>