Incompatibilidad de Código CSS3 en Templates Faces

Las experiencias adquiridas en el desarrollo de software y mas prioritariamente en la programación de las interfaces de las mismas, se convierten en una gran oportunidad de encontrarnos en momentos de mucho sosiego cuando de repente algunos mecanismos a artefactos tecnologicos generan incompatiblidad a la hora de su ejecución.

Es el caso mas reciente cuando con el animo de buscar apariencia touch similar a google en sus tonos planos con degrade, logre introducirme en un problema de alto calibre que me llevo días de analisis por la misma sencilles de su solucion.

Esta es la interfaz planteada en el caso de una validacion de usuario mediante lector de código de barras el cual genero conflicto luego de agregar las siguiente clase visual cs4.

/*Clase visual (jquery) general para los botones del paquete de widgets primefaces*/

.ui-button{ 
 text-transform: uppercase; 
 background-color: #4D90FE !important; 
/*Zona Roja*/
 background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED)); 
 background-image: -moz-linear-gradient(top,#4D90FE,#4787ED); 
 background-image: -ms-linear-gradient(top,#4D90FE,#4787ED); 
 background-image: -o-linear-gradient(top,#4D90FE,#4787ED); 
 background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED); 
 background-image: linear-gradient(top,#4D90FE,#4787ED); filter:
 progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed'); 
 border: 1px solid #3079ED; 
 -moz-border-radius: 2px; 
 -webkit-border-radius: 2px; 
 border-radius: 2px; 
 -moz-user-select: none; 
 -webkit-user-select: none; 
/*Fin zona Roja*/
 color: white; display: inline-block; 
 font-weight: bold; height: 29px; 
 line-height: 29px; 
 text-align: center; 
 text-decoration: none; 
 padding: 0 8px; margin: 0px auto; 
 font: 13px/27px Arial, sans-serif; 
 cursor:hand; 
 vertical-align: middle; 
 }

Interfaz obtenida después de aplicar la Clase.

Uno de los detalles para no llegar rapido al problema es que ni el servidor de j2ee ni el Ide y menos aun el firebug nos da un reporte del fallo ni la localización del mismo, es hay donde se entra en pánico programático. Te cuestionas. Pero si todo esta bien.! El navegador es incompatible? que hize ultimamente?, mejor comparto el problema con mi equipo de trabajo para que vean porque estoy bloqueado!, y lo  mas critico es que el servidor de App J2EE en mi caso glassfish solo me reportaba lo siguiente.

Algo ilógico porque ya venia trabajando con el controlador muy eficientemente y nada de lo que reportaba tenia sentido.

Por eso en los momentos de crisis ten calma. Pide a la espiritualidad que te guié para lograr una búsqueda eficiente de la solución a los inconvenientes y realiza siempre un testeo en base a los ultimos cambios realizados. No olvides el backups diario y sobre todo informa del impase a tu equipo de trabajo,siempre te Entenderan.

!OJO. en algunos momentos de ejecucion el navegador nos puede hacer una mala jugada en su almacenamiento de cache y podemos estar mucho rato con el problema sin darnos cuenta de ello.