Используйте это изображение (прикрепленный источник PSD).
Сделайте вашим типом CSS что-то как:
.contact_button {ширина: 94px; высота: 96px; купел-размер: 0; текст-выделите: -9999px; переполнение: спрятано; предпосылка: левые url (Contact.gif) верхние никак-повторяют}
.contact_button: hover {предпосылк-положение: левый центр}
.contact_button: active {предпосылк-положение: левое дно}
Заметьте следующий:
«Вверх по» положению: градиент, нормальная граница
«Над» положением: более светлый градиент, более сильная граница
«Вниз» заявите: обращенный градиент, такая же граница как «над».
Ваше изображение имеет 3 положения в заказе вверх, сверх, вниз.