Problem z input:hover w CSS Opcje

[Landon]

Miałem taki CSS

[HTML] pobierz, plaintext 
input {
  background-image: url(../images/form/normal.png);
  width: 57px;
  height: 14px;
}
 
input:hover {
  background-image: url(../images/form/normal_hover.png); 
}
[HTML] pobierz, plaintext 

Lecz zaczołem potrzebować wykorzystać class w inputach no i pojawił się błąd:
gdy najadę na <input class="long"> powinno zmienić tło inputa na ../images/form/small_hover.png. Plik na pewno istnieje i jest grafiką Może ktos wie jak to zrobić ba do tego js nie mam ochoty stosować.

obecny css

[HTML] pobierz, plaintext 
input {
  background-image: url(../images/form/normal.png);
  width: 57px;
  height: 14px;
}
 
input:hover {
  background-image: url(../images/form/normal_hover.png); 
}
 
input.long {
  background-image: url(../images/form/long.png);
	width: 96px;
}
 
input.long:hover {
  background-image: url(../images/form/small_hover.png); 
}
 
input.smal {
  background-image: url(../images/form/small.png);
	width: 41px;
}
 
input.smal:hover {
  background-image: url(../images/form/small_hover.png); 
}
[HTML] pobierz, plaintext 

Lecz niestety nie działa

(jest to tylko fragmęt odpowiedzialny za inputy)

Ten post edytował Landon 31.05.2008, 19:06:32

[koderrr]

w ie nie dziala efekt hover dla niczego innego niz a

[devnul]

jeśli problemem nie jest wspomniane IE to może spróbuj dać !important przy stylach inputów z nadanymi klasami

[pitbull82]

Dla IE trzeba dorzucić trochę JS: http://htmldog.com/articles/suckerfish/hover/

[Landon]

poradziłem sobie. no i w ie 7 łazi ładnie