<!DOCTYPE html>
<script src="../resources/testharness.js"></script>
<script src="../resources/testharnessreport.js"></script>
<style>
#abs {
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: hidden;
}
#abs-inner {
    width: 96px;
    height: 96px;
    display: inline-block;
    border-radius: 50%;
}
</style>
<span id="inner"> Mouse over me! </span>
<div id="abs"><div id="abs-inner"></div></div>
<div id="log"></div>
<script>
test(function(t)
{
    var element = document.getElementById("inner");
    var x = element.offsetLeft + element.offsetWidth / 2;
    var y = element.offsetTop + element.offsetHeight / 2;

    var element = document.elementFromPoint(x, y);
    assert_equals(element.nodeName, 'SPAN');
    assert_equals(element.id, 'inner');
}, "elementFromPoint should return an visible element under a point");
</script>