<!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>
