<html>
<head>
<style>
  #rotated {
    width: 100px;
    height: 100px;
    background: red;
    margin: 10px;
    padding: 10px;
    -webkit-transform: rotate(180deg);
  }
</style>
<script>
if (window.testRunner)
  window.testRunner.dumpAsText()

function runTest()
{
   document.body.offsetWidth;
   var elt = document.elementFromPoint(50, 50);
   if (elt == document.getElementById('rotated'))
       document.getElementById('console').innerHTML = 'PASS';
   else
       document.getElementById('console').innerHTML = 'FAIL';
   elt.style.display = 'none';
}
</script>
</head>
<body onload="runTest()">
<div id="rotated">180 degree rotation</div>
<div id="console"></div>
</body>
</html>