| <style> | 
 |     #target { background-color: red; } | 
 |     #target:hover { background-color: green; } | 
 | </style> | 
 | <div style="margin: 92px 100px 0 100px; writing-mode: vertical-rl; height: 100px; width: 100px;"> | 
 |     <div style="width: 100px;"></div> | 
 |     <div id="target" style="width: 50px;"></div> | 
 | </div> | 
 | <p> | 
 |     This tests hit-testing in the overflow area of flipped-blocks writing mode | 
 |     blocks. | 
 | </p> | 
 | <p> | 
 |     The red rectangle should turn green when you hover over it. | 
 | </p> | 
 | <p id="result"> | 
 | </p> | 
 | <script> | 
 |     var target = document.getElementById("target"); | 
 |     var result = document.elementFromPoint(75, 150); | 
 |     if (window.testRunner) | 
 |         testRunner.dumpAsText(); | 
 |  | 
 |     document.getElementById("result").innerText = result === target ? "PASS" : "FAIL"; | 
 | </script> |