title: Highlighting rows and columns for zebra tables in IE8 too
body: <p>this is a problem with MSIE by trying to select row and column by hover a table cell of a zebra striped table. I want to use jQuery, but if I find any possibility in any Javascript I be in better mood. Without the zebra effect I found this:</p>
  
  <pre><code>&lt;style&gt;
  .hilite { background: #fda; }
  td:hover { background: #EEE;}
  &lt;/style&gt;
  
  html:
  &lt;table id="tab"&gt;
  &lt;colgroup&gt;&lt;col /&gt;&lt;col /&gt;&lt;col /&gt;&lt;col /&gt;&lt;col /&gt;&lt;/colgroup&gt;
  &lt;tr&gt;&lt;td&gt;When&lt;/td&gt;&lt;td&gt;a&lt;/td&gt;&lt;td&gt;problem&lt;/td&gt;&lt;td&gt;comes&lt;/td&gt;&lt;td&gt;along,&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;you&lt;/td&gt;&lt;td&gt;a&lt;/td&gt;&lt;td&gt;whip&lt;/td&gt;&lt;td&gt;it&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Before the&lt;/td&gt;&lt;td&gt;cream&lt;/td&gt;&lt;td&gt;stays&lt;/td&gt;&lt;td&gt;out too&lt;/td&gt;&lt;td&gt;long&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;you&lt;/td&gt;&lt;td&gt;must&lt;/td&gt;&lt;td&gt;whip it&lt;/td&gt;&lt;td&gt;When&lt;/td&gt;&lt;td&gt;something's&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;going&lt;/td&gt;&lt;td&gt;a&lt;/td&gt;&lt;td&gt;you&lt;/td&gt;&lt;td&gt;must&lt;/td&gt;&lt;td&gt;whip it&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  
  script:
  $(function(){
  $("td").hover(function(){
  $("#tab col").eq($(this).index()).addClass("hilite");
  $(this).closest("tr").addClass("hilite");
  },function(){
  $("#tab col").eq($(this).index()).removeClass("hilite");
  $(this).closest("tr").removeClass("hilite");
  });
  });
  </code></pre>
  
  <p><a href="http://jsbin.com/ocafu3" rel="nofollow">to find an example here:</a></p>
  
  <p>But works not with an zebra effect together.</p>
  
  <p><a href="http://jsbin.com/zitun/2/edit?html,css,js,console,output" rel="nofollow">a further example here</a></p>