title: Background image not staying fixed in IE8 (anythingSlider)
body: <p>Link referenced to in the text below: <a href="http://www.massgeneral.org/international/dev/full-screen.aspx" rel="nofollow">http://www.massgeneral.org/international/dev/full-screen.aspx</a></p>
  
  <p>If you preview the CSS for the div with the class "anythingNavWindow", you can see a background image (sprite) that is being used to cast a shadow effect, giving the navigation window of the thumbnail slider the visual of the thumbnails being behind the triggers.</p>
  
  <p>Well, unfortunately, when viewing in IE8, the shadow moves with the thumbnails when you transition using the sliders to view the additional thumbnails in the slider. Every other browser handles the background image properly, which is to have it be stationary and not move with the thumbnail slider.</p>
  
  <p>The actual transition of the thumbnails is taking place on a parent container, not the parent container with the class "anythingNavWindow", so I'm not sure why this is occurring. Any assistance would be greatly appreciated.</p>
  
  <p>I don't believe this is an issue with the slider, but more of an issue with the CSS.</p>
  
  <p>Here is a jsFiddle ready to be tampered with: <a href="http://jsfiddle.net/jodriscoll/fKCFE/" rel="nofollow">http://jsfiddle.net/jodriscoll/fKCFE/</a></p>
  
  <pre><code>div.anythingNavWindow {
      width: 616px !important; 
      background: url('http://www.massgeneral.org/assets/js-plugins/images/bg-slideshow-shadows.png') no-repeat 0 0 transparent;
  }
  </code></pre>
  
  <p>Things I've tried:</p>
  
  <ul>
  <li>Setting the position to "fixed", somehow ends up hiding the entire DIV container.</li>
  <li>Setting the background position using the "background-position-x" &amp; "background-position-y" does nothing</li>
  </ul>
  
  <p>Any help would be greatly appreciated!</p>
  
  <p>Thanks!</p>