Strange bug in IE6 for jQuery tab

Question

On this page

http://www.eamobile.com/Web/mobile-games

In IE6, when we click on the "Best iPhone Games, Best Mobile Games, Personal Photos" tab, the class does not change in IE6 and when you click inside the content area of ​​the tab, it changes. while in FF and IE7 it works fine.

please let us know if you have any solution for this.

Answer 1

Question

Your problem comes down to the following two rules:

.topPicksTabs li a.topPicks1:active{ width:235px; background-position:-238px -112px; } .topPicksTabs li.selected a.topPicks1{ background-position:-238px -168px; } 

The latter should redefine the first as soon as the tab was selected ... however, the implementation of the :active pseudo- :active in IE6 is pretty buggy , allowing it to take precedence. The end result is the behavior that you observed when the tab is displayed using the wrong background sprite, if it has focus.

Bypass

• Drop the pseudo-class in favor of the mousedown + mouseup event handlers, which add and remove another CSS class. Then change your style to be run by this class, not the pseudo-class.
• Alternatively, do nothing. The error does not affect the usability of the site, and over time, IE6 will continue to become less and less relevant.