Ustawianie atrybutu w style="" a działanie :hover Opcje

[Ziels]

Witam, właśnie przerabiam CMS'a - między innymi każda pozycja w menu ma miec osobny obrazek pobrany z odpowiedniego katalogu gdzie nazwą obrazka jest ID działu, przy czym ma on się zmieniać po najechaniu myszką.

Zastosowałem pomysł Riddle'a z przesuwaniem tła, niestety działa tylko wtedy jeśli tło jest ustawione w arkuszu stylów:

Kod

ul.menu li a.47 {
display            : block;
background      : url('../gfx/buttons/47.gif') no-repeat;
width               : 180px;
height              : 62px;
}
ul.menu li a.47:hover {
background-position    : bottom;
}

Takie rozwiązanie mnie nie satysfakcjonuje bo nie będe robił przecież 500k klas z góry a w każdej inny obrazek więc wpadłem na takie rozwiązanie:

[HTML] pobierz, plaintext 
ul.menu li a { 
display            : block; 
width            : 180px;
height            : 62px;
}
ul.menu li a:hover { 
background-position    : bottom;
}
 
<li id="47">
<a style="background:url('./templates/gfx/buttons/47.gif') no-repeat;" href="%%_link_%%"> </a>
</li>
[HTML] pobierz, plaintext 

Ale mimo że tło jest widoczne, to nic się nie zmienia - Jak wykonać to co chcę zrobić bez użycia JS?

Ten post edytował Ziels 23.01.2007, 17:31:03

[Zajec]

Pokazać test-case na którym to nie działa.

[Ziels]

W sumie to już nieaktualne -> zrobiłem dopisywanie się do pliku css ;]