title: jQuery .css() not working in IE 6,7,8 and Firefox, but works in Chrome, Safari, Opera
body: <p>UPDATE: THIS HAS BEEN SOLVED.</p>
  
  <p>I'm trying to change the default style of an Assistly site through JavaScript, because the stylesheet is not editable by me. It's working fine in Chrome, Safari, Opera, and IE9; but not in IE 6,7,8 or any Firefox.</p>
  
  <p>In the code below the first two lines that are setting an h2 and an image are working across all browsers, but the .css() lines are not. Why would .css() not work in certain browsers?</p>
  
  <p>Here is the code.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  jQuery(document).ready(function(){
  $("#support-header .wrapper h2").first().html('&lt;h2&gt;Real Estate Help&lt;/h2&gt;');
  $("#company-header .wrapper").html('&lt;a href="http://help.mysite.com/"&gt;&lt;img src="http://www.mysite.com/logo-red.png" /&gt;&lt;/a&gt;');
  $("body").css({'background': '#FFFFFF !important'});
  $("#company-header").css({'background': 'none !important'});
  $("#support-header").css({'background': 'none !important', 'border-bottom': 'none', 'padding': '0'});
  $("#company-support-portal").css({'background-image': 'url(http://www.mysite.com/container-bg2.jpg) !important', 'background-repeat': 'repeat-x', 'margin-top': '10px'});
  });
  &lt;/script&gt;
  </code></pre>