Hola que tal, hice un Menú con un CSS para redondear el Borde de la Tabla y colocarle un Color Azul Gradient de fondo a los Botones.
Código CSS:
Ver originalbackground: rgba(32,124,229,1);
background: -moz-linear-gradient(top, rgba(32,124,229,1) 29%, rgba(28,119,218,1) 37%, rgba(16,102,185,1) 62%, rgba(12,97,176,1) 69%);
background: -webkit-gradient(left top, left bottom, color-stop(29%, rgba(32,124,229,1)), color-stop(37%, rgba(28,119,218,1)), color-stop(62%, rgba(16,102,185,1)), color-stop(69%, rgba(12,97,176,1)));
background: -webkit-linear-gradient(top, rgba(32,124,229,1) 29%, rgba(28,119,218,1) 37%, rgba(16,102,185,1) 62%, rgba(12,97,176,1) 69%);
background: -o-linear-gradient(top, rgba(32,124,229,1) 29%, rgba(28,119,218,1) 37%, rgba(16,102,185,1) 62%, rgba(12,97,176,1) 69%);
background: -ms-linear-gradient(top, rgba(32,124,229,1) 29%, rgba(28,119,218,1) 37%, rgba(16,102,185,1) 62%, rgba(12,97,176,1) 69%);
background: linear-gradient(to bottom, rgba(32,124,229,1) 29%, rgba(28,119,218,1) 37%, rgba(16,102,185,1) 62%, rgba(12,97,176,1) 69%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#207ce5', endColorstr='#0c61b0', GradientType=0 );
border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
La línea numero 8 del CSS para el color del fondo del boton si se quita entonces funciona el Redondeado de la Tabla sin el color degradado, pero si se deja entonces funciona el Color degradado pero sin las Ezquinas redondeadas. Este problema es solo con Internet Explorer 9 y segun este codigo es para ese navegador.
Que puedo hacer para solucionar esto? Ya que necesito ese color de fondo y la tabla redondeada.