title: css hover on a table row not working
body: <p>I am trying to achieve a hover effect on a table row and I have the following code on my css.</p>
  
  <pre><code>.datatable tr.row:hover, .datatable tr.altrow:hover {
      color: #000;
      background-color: #FFFACD;
      background-image: url(../Images/bullet.gif);
      background-repeat: no-repeat;
  }
  </code></pre>
  
  <p>But I do not see that being applied at all. My questions are</p>
  
  <ol>
  <li>Why is it not working?</li>
  <li>How to correct this?</li>
  </ol>
  
  <p>For clarity here is the fiddle <a href="http://jsfiddle.net/naveen/UPhRE/" rel="nofollow">http://jsfiddle.net/naveen/UPhRE/</a><br>
  Please don't mind the images inside the css. All is well there.</p>