title: CSS Image Sprites - Changing Display Setting Image Not Showing
body: <p>I'm trying to change images using CSS Sprites, now, the problem is that display: none; to display: block; is working from jQuery, but the image is not showing (I'm checking the HTML via FireBug and its changing but the image is not showing at all)</p>
  
  <pre><code>$('#logobrandingactive').css({'display': 'block'});
  $('#logobranding').css({'display': 'none'});
  $('#logobrandingactive').css('opacity','1');
  
  #logobranding {
      opacity: 0.5;
      display: none;
      background-image: url("../images/servicesbranding.png");
      background-repeat: no-repeat;
      position: absolute;
      z-index: 15;
      top:175px;
      left: 50%;
      margin-left: -81px;
      width: 162px;
      height: 162px;
  }
  #logobrandingactive {
      opacity: 0.5;
      display: none;
      background-image: url("../images/moservicesbranding.png");
      background-repeat: no-repeat;
      position: absolute;
      z-index: 16;
      top:175px;
      left: 50%;
      margin-left: -81px;
      width: 162px;
      height: 162px;
  }
  </code></pre>