Hoe je de 'in-active' knoppen moet oplossen zou ik ook niet zo meteen weten... Werkt een gif afbeelding wel?
Maar in de 'active' knop zit toch geen transparantie? Dan kan je dat evengoed veranderen naar een jpg afbeelding. Naar mijn weten werkt die normaal gezien wel.
In de active zit ook transparantie, zoals je zit loopt de algemene achtergrond door. Met een gif valt dit niet op te lossen of ik moet met opacity gaan werken.
Is het misschien een idee een background color in te stellen, gezien het feit je een background image gebruikt van 1x1? Opacity zou ik niet aanraden, omdat sommige browsers dat niet ondersteunen.
Edit : Het probleem blijkt puur aan IE7 te liggen. Heb het even getest en de afbeeldingen verranderd naar 2px x 2px en dan werkt het wel. Om een of andere reden controleerd hij of de afbeelding 1px x 1px is om en dan proberen uit te rekken in plaats van te herhalen.