[CSS] Dziedziczenie koloru tła pod obrazkiem Opcje

[Majkelo23]

Cześć!

Mam div'a z efektem hover, na pół strony. Teraz chciałbym na tym divie dorzucić obrazek, który będzie linkiem + nadać mu hover, który też będzie obrazkiem, ale innym.
Robię to w ten sposób:

Kod

.add{
margin: 0 auto;
width: 22px;
height:22px;
display:block;
background: url('star.png') center top no-repeat;
}

.add:hover {
   background: url('stuff.png');
}

[HTML] pobierz, plaintext 
<a href="http://twitter.com/me" title="costam!" class="add"></a>
[HTML] pobierz, plaintext 

Ta grafika to gwiazdka, w obu przypadkach. I problem jest tego typu, że w tle tej gwiazdki (wiadomo, gwiazdka to nie pełny kwadrat, więc widać jakieś tam piksele ^^ ) prześwituje biały kolor tła... Nie mogę ustawić na sztywno np.
background: green url('grafika'); bo ta gwiazdka będzie występowała z divami, które mają różne kolory w tłach, do tego dochodzi jeszcze hover tych divów.
No i następny problem, że te kolory nie są przypisane bezpośrednio w klasach tych div'ów, tylko w zupełnie oddzielnej klasie (robię tak dlatego, że kolor tła jest uzależniony od strony kodu php - Ci z premium mają inny kolor, normalni inny), więc kod z div'em wygląda tak:

[HTML] pobierz, plaintext 
<div class="glowna_klasa tutaj_kolor">bla bla</div>
[HTML] pobierz, plaintext 

I teraz, jak ustalić jednoznaczny kolor tła dla tych gwiazdek, aby spasował dla wszystkich divow ? Bo to nie ma zbytnio skąd dziedziczyć koloru, ponieważ jest on przypisywany z zupełnie oddzielnej klasy niż sam div :/
Ewentualnie, jak inaczej zapisać grafikę + hover, które mają być linkiem, tak aby nie babrać się z tym kolorem tła?

Dzięki, pozdrawiam!

Ten post edytował Majkelo23 19.11.2013, 14:14:34