Woocommerce problema con IE-11 en checkout

Hola:

He estado dando vueltas a cómo solucionar el problema de IE-11 cuando estás en la página checkout cuando se rellenan los datos de pedido. El problema lo tengo en el desplegable que en IE-11 que solo se ve la línea del borde antes de abrirlo, esto no me pasa en ningún navegador, solo en éste. A pesar de ello el problema tiene solución y aquí les dejo un un ejemplo de las propiedades y valores a introducir para que no tengan incidencias de este tipo:

.chosen-container-single .chosen-single{

    border:1px solid #e0dadf;
    border-radius:5px;
    background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f7f6f7),color-stop(50%,#ebe8eb),color-stop(52%,#e0dadf),color-stop(100%,#dfdbdf));

    background:-webkit-linear-gradient(top,#f7f6f7 20%,#ebe8eb 50%,#e0dadf 52%,#dfdbdf 100%); /* ---- IE excepto versión 10 y 11 ----- */
    background:-moz-linear-gradient(top,#f7f6f7 20%,#ebe8eb 50%,#e0dadf 52%,#dfdbdf 100%); /*---- Firefox ----- */
    background:-o-linear-gradient(top,#f7f6f7 20%,#ebe8eb 50%,#e0dadf 52%,#dfdbdf 100%); /* ---- Opera ----- */
    background:-ms-linear-gradient(top,#f7f6f7 20%,#ebe8eb 50%,#e0dadf 52%,#dfdbdf 100%); /* ---- IE 10 y 11 ----- */

    background:linear-gradient(top,#f7f6f7 20%,#ebe8eb 50%,#e0dadf 52%,#dfdbdf 100%);
    background-clip:padding-box;

}

Espero les sea de utilidad a mi me ha funcionado, ya que la documentación consultada para solventarla a muchos no os ha servido, nisiquiera a mi.

Saludos