title: jquery image slider navigation tabs background image is not changing in IE
body: <p>I am using jquery image slider with 3 tabs having text information in them, in each tab i have given different background images and i want them to change to other image when a tab has hover or active effect, its working well in all the browsers except IE(i have tested in IE7,8,9). In IE when any tab becomes active its background image changes to the active background image of tab3 (last tab). Please let me know if you need additional information.
  Below is my html code and its css:</p>
  
  <pre><code>&lt;div id="featured_slide"&gt;
    &lt;div id="featured_wrap"&gt;
     &lt;ul id="featured_tabs"&gt;
      &lt;li class="tb1"&gt;&lt;a href="#fc1"&gt;A&lt;br /&gt;
        &lt;span&gt;test message1.&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="tb2"&gt;&lt;a href="#fc2"&gt;B&lt;br /&gt;
        &lt;span&gt;test message2.&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;li class="tb3"&gt;&lt;a href="#fc3"&gt;C&lt;br /&gt;
        &lt;span&gt;test message3&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;        
    &lt;/ul&gt;
    &lt;div id="featured_content"&gt;
      &lt;div class="featured_box" id="fc1"&gt;&lt;img src="images/Main1.png" alt="" /&gt;
  
      &lt;/div&gt;
      &lt;div class="featured_box" id="fc2"&gt;&lt;img src="images/Main2.png" alt="" /&gt;
  
      &lt;/div&gt;
      &lt;div class="featured_box" id="fc3"&gt;&lt;img src="images/Main3.png" alt="" /&gt;
  
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>  &lt;style&gt;
  #featured_slide ul#featured_tabs li.last
  {
          border-bottom:none;
  }
  
  #featured_slide ul#featured_tabs li.tb1
  {
      background:url("../images/Slider1.png") top right no-repeat transparent;
  }
  #featured_slide ul#featured_tabs li.tb2
  {
      background:url("../images/Slider2.png") top right no-repeat transparent;
  }
  #featured_slide ul#featured_tabs li.tb3
  {
      background:url("../images/Slider3.png") top right no-repeat transparent;
  }
  
  
  #featured_slide ul#featured_tabs li.tb1 a:hover
  {
      background:url("../images/Slider1Active.png") top right no-repeat transparent;
  }
  #featured_slide ul#featured_tabs li.tb2 a:hover
  {
      background:url("../images/Slider2Active.png") top right no-repeat transparent;
  }
  #featured_slide ul#featured_tabs li.tb3 a:hover
  {
      background:url("../images/Slider3Active.png") top right no-repeat transparent;
  }
  
  
  #featured_slide ul#featured_tabs li.tb1.ui-tabs-selected a
  {
      background:url("../images/Slider1Active.png") top right no-repeat transparent;  
  }
  #featured_slide ul#featured_tabs li.tb2.ui-tabs-selected a
  {
      background:url("../images/Slider2Active.png") top right no-repeat transparent;
  }
  #featured_slide ul#featured_tabs li.tb3.ui-tabs-selected a
  {
  background:url("../images/Slider3Active.png") top right no-repeat transparent;
  }   
  
  &lt;/style&gt;
  </code></pre>