| OLD | NEW | 
| (Empty) |  | 
 |   1 <!DOCTYPE html> | 
 |   2 <style> | 
 |   3 body { | 
 |   4     font: 10px/1 Ahem; | 
 |   5 } | 
 |   6  | 
 |   7 tr:hover { | 
 |   8     background-color: green; | 
 |   9 } | 
 |  10  | 
 |  11 table { | 
 |  12     position:relative; | 
 |  13     top: 180px; | 
 |  14 } | 
 |  15 </style> | 
 |  16 <script src="resources/text-based-repaint.js" type="text/javascript"></script> | 
 |  17 <script> | 
 |  18 function repaintTest() | 
 |  19 { | 
 |  20     var secondRowSpan = document.getElementById("secondRowSpan"); | 
 |  21     var secondRowSpanBox = secondRowSpan.getBoundingClientRect(); | 
 |  22     var secondRowSpanCenterX = (secondRowSpanBox.left + secondRowSpanBox.right) 
    / 2; | 
 |  23     var secondRowSpanCenterY = (secondRowSpanBox.top + secondRowSpanBox.bottom) 
    / 2; | 
 |  24  | 
 |  25     if (window.eventSender) { | 
 |  26         eventSender.mouseMoveTo(secondRowSpanCenterX, secondRowSpanCenterY); | 
 |  27         eventSender.mouseDown(); | 
 |  28         eventSender.mouseUp(); | 
 |  29     } | 
 |  30 } | 
 |  31  | 
 |  32 window.addEventListener("load", runRepaintTest); | 
 |  33 </script> | 
 |  34 <table> | 
 |  35     <tr> | 
 |  36         <td rowspan="2">1,1</td> | 
 |  37         <td>1,4</td> | 
 |  38     </tr> | 
 |  39     <tr> | 
 |  40         <td>2,3</td> | 
 |  41     </tr> | 
 |  42     <tr class="bla"> | 
 |  43         <td rowspan="2" id="secondRowSpan">3,1</td> | 
 |  44         <td>3,4</td> | 
 |  45     </tr> | 
 |  46     <tr> | 
 |  47         <td>4,4</td> | 
 |  48     </tr> | 
 |  49 </table> | 
| OLD | NEW |