Style de bouton désactivé avec CSS

Je suis en train de modifier le style d'un bouton avec une image incorporée comme on le voit dans la suite de Violon:

http://jsfiddle.net/krishnathota/xzBaZ/1/

Dans l'exemple il n'y a pas d'images, j'en ai peur.

Je suis en train de:

  1. Changer le background-color sur le bouton quand il est désactivé
  2. Modifier l'image du bouton lorsqu'il est désactivé
  3. Désactiver le hover effet lorsqu'il est désactivé
  4. Lorsque vous cliquez sur l'image du bouton et faites-la glisser, l'image peut être vu séparément; je veux éviter que
  5. Le texte sur le bouton peut être sélectionné. Je veux éviter que, trop.

J'ai essayé de faire dans button[disabled]. Mais certains effets pourraient ne pas être désactivé. comme
top: 1px; position: relative; et de l'image.