Zmiana tła - obrazka dla pola input Opcje

[Malinaa]

Witam,
chciałbym, aby po najechaniu myszką <input> zmieniał tło na inny obrazek, kolor.

Mam tak:

[HTML] pobierz, plaintext 
.inputSOne {
    border: 0px;
    background: url("../grafika/button_green_60x22.gif") no-repeat;
    font-size: 12px;
    font-weight: bold;
    width: 60px;
    height: 22px;
    color: #ffffff;
}
 
.inputSOne:hover {
    background: url("../grafika/button_orange_60x22.gif") no-repeat;
}
[HTML] pobierz, plaintext 

i działa niby ok, ale myślę sobie, że to nie jest najlepszy sposób dla pola <input> ?

Pytanie: czy tak jest napewno OK i jak to zrobić zawodowo, only professional (IMG:style_emoticons/default/smile.gif)