Hola y saludos a todos. Creo que realmente debe ser de esta forma:
Código:
.btnnuevainci {padding: 0;
margin: 0;
border: 1; /*no quiero borde*/
width: 120px;
height: 50px;
font-family: "Georgia", "Times New Roman", "Times", "Serif";
color: #666666;
text-decoration: none;
display: block;
background-image:url(../Imagenes/btn.gif);
}
.btnnuevainci:hover {background-image:url(../Imagenes/btn2.gif);
color: #ffffcc;
}
Lo que sucede es que con .btnnuevainci te refieres al input, si le agregas el a, te refieres a una etiqueta a que esta dentro del input con la clase
.btnnuevainci, el cual no existe (y jamás existirá, porque no se puede colocar un enlace dentro de un input).
Primero le colocas al input el estilo que tienes en el código
.btnnuevainci {...} y cuando el mouse pase por encima de él, lo haces con el código
.btnnuevainci:hover {...}
Espero poder haberte ayudado. Seguro así funcionará.