title: remove css hover style
body: <p>I have mark up that toggles the hover css style using this rule.  When there's a checkbox inside the panel I want to remove the background image style.  Is this possible?  I've tried the following although it fails.</p>
  
  <p>CSS:</p>
  
  <pre><code>   .StaffMode .day ul li.standard a:hover table {
          background:url("test.png"); 
      }
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>   $("li.test table li").hover(
          function () {
              if($(this).children(':checked')) {
                alert('need to remove the background image style');  // shows as expected
                $(this).children('a').removeClass('hover');  // this doesnt work?
              }
          }
      );
  </code></pre>