problema con estilo en botones

[jandrogdz]

Buenas foro

Tengo unos botones que hice que contienen unas imagenes, mi problema es que a los botones le puse un degradado pero las imagenes no se ven alguien sabe el porque pasa esto.

Código CSS:

.boton {
    float:right;
    border:solid 1px #dddddd;
    background-image: url('../imagenes/guardar.png');
    background-position: 5px center;
    background-size:30px 30px;
    background-repeat: no-repeat;       
    padding: 10px 10px 10px 35px;
    border-radius:5px;
    margin-right: 1%;
    margin-top:1%;
    color:#aaaaaa;
    font-size: 1.1em;
    text-shadow: 1px 1px 1px #ffffff;
    font-weight: 700;
    background-color: #eeeeee;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
 
    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
}
.boton:hover{
    background-color: #ffffff;
    background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff));
    border:solid 1px #cccccc; 
}
 

Espero me puedan ayudar. De antemano muchas gracias.

[pzin]

Estás sobrescribiendo la imagen de fondo con el degradado. Tendrías que tratarlo como si fueran imágenes de fondo múltiples.

Código CSS:

background: url(../imagenes/guardar.png) no-repeat 5px center / 30px 30px,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
 

[jandrogdz]

YA intente eso que me comentas pero sigue sin funcionar.

Código CSS:

.boton {
    float:right;
    border:solid 1px #dddddd;
    background: url(../imagenes/guardar.png) no-repeat 5px center / 30px 30px,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background-position: 5px center;
    background-size:30px 30px;
    background-repeat: no-repeat;       
    padding: 10px 10px 10px 35px;
    border-radius:5px;
    margin-right: 1%;
    margin-top:1%;
    color:#aaaaaa;
    font-size: 1.1em;
    text-shadow: 1px 1px 1px #ffffff;
    font-weight: 700;
 
    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
}