title: Applying css with javascript overrides hover link style?
body: <p>I have some JavaScript which is changing an image correctly but once it has been called, my a:hover CSS code no longer works.</p>
  
  <p>Looking with firebug the following JavaScript creates this css rule:</p>
  
  <pre><code>element.style {
  background-image:url(/content/images/side_partnershipsOver.png);
  }
  
  document.getElementById('partnerships').style.backgroundImage = "url(/content/images/side_partnershipsOver.png)";
  </code></pre>
  
  <p>How can I apply the JavaScript and not have the a:hover code overriden by the element.style rule?</p>