Debe asegurarse de que las imágenes sean lo primero y poner una coma después de la llamada de la imagen de fondo. entonces realmente funciona:
background:url(egg.png) no-repeat 70px 2px #82d4fe; /* Old browsers */
background:url(egg.png) no-repeat 70px 2px, -moz-linear-gradient(top, #82d4fe 0%, #1db2ff 78%) ; /* FF3.6+ */
background:url(egg.png) no-repeat 70px 2px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#82d4fe), color-stop(78%,#1db2ff)); /* Chrome,Safari4+ */
background:url(egg.png) no-repeat 70px 2px, -webkit-linear-gradient(top, #82d4fe 0%,#1db2ff 78%); /* Chrome10+,Safari5.1+ */
background:url(egg.png) no-repeat 70px 2px, -o-linear-gradient(top, #82d4fe 0%,#1db2ff 78%); /* Opera11.10+ */
background:url(egg.png) no-repeat 70px 2px, -ms-linear-gradient(top, #82d4fe 0%,#1db2ff 78%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82d4fe', endColorstr='#1db2ff',GradientType=0); /* IE6-9 */
background:url(egg.png) no-repeat 70px 2px, linear-gradient(top, #82d4fe 0%,#1db2ff 78%); /* W3C */
Había pensado en eso, pero estoy lidiando con un sistema preexistente que tenía lógica asignada a los elementos de entrada, y presentaciones de formularios, etc. (no pida detalles :) Refactorizar todo ese código solo para arreglar un IE fallo puede no valer la pena. – ScottR
Le doy la respuesta aceptada, porque no creo que esto sea posible con los elementos de botón estándar. – ScottR
Los degradados y las transiciones no funcionan juntas parece ser la única respuesta: http://stackoverflow.com/questions/3790273/webkit-support-for-gradient-transitions –