title: How do you update table row background color in IE using Javascript/CSS?
body: <p>I have a table that i want to "highlight" during onmouseover/onmouseout. I already know this is required in IE but not in other browsers.</p>
  
  <p>I have managed to detect the events triggering and this TR tag effectively works. (Note that the originating class "contentTableRow" doesn't seem to be causing any issues.)</p>
  
  <pre><code>class="contentTableRow" onclick="openForm('SomeID');" onmouseover="highlight('someRowID', true);" onmouseout="highlight('someRowID', false);" id="someRowID" 
  </code></pre>
  
  <p>All is fine and dandy, the "highlight" function fires and actually sets the appropriate class.</p>
  
  <p>It's just that IE won't process the CSS class name change.</p>
  
  <p>Here is a snippet of the CSS I am using to make the change.</p>
  
  <pre><code>.HighlightOn {
      cursor:pointer;
      background-color: #D1DFFF;
  }
  
  .HighlightOff {
      background-color: #E1EEFE;
  }
  </code></pre>
  
  <p>I can see that the Class names are getting updated when I debug it, and also check it in Firebug. But it seems that IE doesn't like this usage of classes with a TR tag.. Is it the way I am structuring the class for Tables ? Any advice ?</p>