<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Reflections and hit testing</title>
  <style type="text/css" media="screen">
    .reflected {
      display: inline-block;
      height: 100px;
      width: 100px;
      margin: 10px;
      background-color: gray;
      -webkit-box-reflect: below;
    }
    #results {
      margin-top: 120px;
    }
  </style>
  <script type="text/javascript" charset="utf-8">
    function runTest()
    {
      var hitNode = document.elementFromPoint(160, 168);
      var link = document.getElementById('link');
      var results = document.getElementById('results');
      if (hitNode == link)
        results.innerHTML = "Found link node, so PASS";
      else
        results.innerHTML = "Did not find link node, so FAIL";
    }
  </script>
</head>
<body onload="runTest()">

<p>Tests for <a href="https://bugs.webkit.org/show_bug.cgi?id=24552">https://bugs.webkit.org/show_bug.cgi?id=24552</a></p>
<div class="reflected"></div>

<a id="link" href="http://www.example.com">Link here</a>

<div id="results"></div>

</body>
</html>