title: bg color, hover, !important and .css in javascript
body: <p>I came across one problem. 
  I've created some "tabs" functionality as can be seen in demo: <a href="http://jsfiddle.net/4FLCe/">http://jsfiddle.net/4FLCe/</a></p>
  
  <p>The plan was, when you hover over tab, its color changes to color A, when you click on tab, its color changes to color B.</p>
  
  <p>As can be seen from demo, after click background color stopped changing on hover. I thought of adding <code>!important</code> to background color of hover, results can be seen: <a href="http://jsfiddle.net/4FLCe/1/">http://jsfiddle.net/4FLCe/1/</a> </p>
  
  <p>But that performed not as I wanted, hover now would work over background color set from javascript. Then I added <code>!important</code> to color set in javascript. That resulted in something terrible. The only browser that understood what I wanted to achieve was Opera. </p>
  
  <p>Other browsers just stopped applying one from js. Demo: <a href="http://jsfiddle.net/4FLCe/2/">http://jsfiddle.net/4FLCe/2/</a></p>
  
  <p><strong>So the question is</strong>: how to achieve next - working hover, background of selected tab have higher 'priority' than hover so it won't change to background of hover on hover, and same result in ie,safari, opera, chrome, ff?</p>