title: css mouseover highlight with table rowspan
body: <p>I have a simple HTML table generated with PHP from a database where in some cases one cell spans over more than one row. As a simple example:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr class ="highlightRow"&gt;
      &lt;td&gt;Cell 1&lt;/td&gt;
      &lt;td rowspan="2"&gt;Cell over more rows&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr class ="highlightRow"&gt;
      &lt;td&gt;Cell 2&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>I highlight the row the mouse is over with a simple CSS rule:</p>
  
  <pre><code>.highlightRow {
      background-color:       #FFF;
  }
  .highlightRow:hover {
      background-color:       #EEE;
  }
  </code></pre>
  
  <p>I can not find any solution (that is CSS only) to highlight 'Cell over more rows' when the mouse hovers over 'Cell 2'.</p>