title: Issue in Chrome, removing CSS with jQuery stays in chrome
body: <p>I'm currently working on a table application heavily coded in javascript using jQuery.</p>
  
  <p>When you click on a td cell jQuery pushes 2px solid black to the border property. Then on blur I remove the style attribute with removeAttr to make it revert back to the stylesheet settings. Works fine in IE9, but when I test it in Chrome, the left border resizes, but stays black.</p>
  
  <p>The only thing that seems to get rid of this is opening the console. When I blur with the console open the style tag removes so I don't understand why it's still rendering a black border on the left. Any ideas?</p>
  
  <p>EDIT: I've made a video showing the problem I'm experiencing.
  <a href="http://www.youtube.com/watch?v=JCmYNOO5u4I" rel="nofollow">http://www.youtube.com/watch?v=JCmYNOO5u4I</a></p>
  
  <p>Here's the code:</p>
  
  <pre><code>$("td.display").live('mouseenter', function () {
      $(this).addClass('selected');
  }).live('mouseleave', function () {
      $(this).removeClass('selected');
  });
  </code></pre>
  
  <p>The CSS is:</p>
  
  <pre><code>table TD.selected {
      border: 2px solid;
      border-color: Black;
  }
  </code></pre>