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ą (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) 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

[devnul]

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