ASP.NET LinkButton no se representa correctamente en IE7

Question

Tenemos un problema (uno de muchos) con un cliente que cambió a MS IE 7 hace apenas unas semanas (sí, sí, lo sé...).no preguntes.....)

En nuestra aplicación ASP.NET, tenemos una serie de <asp:LinkButton> controles para la navegación dentro de una tabla HTML, cada botón de enlace en una fila separada.El botón de enlace está dentro de un <td width="200"> etiqueta.Cada <asp:LinkButton> tiene una clase CSS asignada que define:

.stdLinkButton
{
    background-color: teal;
    color: Black;
    border: navy 1px solid;
    text-decoration: none;
    margin-right: 10px;
    padding: 2px;
    height: 18px;
    overflow: visible;
}

En MS IE 6, los botones ocupaban muy bien todo el ancho del <td> y alineados: teníamos cinco o seis filas de botones de enlace, todos del mismo ancho, todos centrados en botones de 200 píxeles de ancho.

Pero en MS IE 7, los botones de enlace se muestran como estándar y tienen el ancho necesario para contener la etiqueta de texto.Ahora tenemos cinco o seis filas y cada botón de enlace se representa como un botón con el ancho mínimo necesario para contener el texto del botón.Se ve horrible....

Ya intenté agregar un "ancho: 200px" a la clase CSS, pero eso no sirve de nada, de verdad :-(

¿Existe algún truco o solución fácil para que MS IE 7 los reproduzca? <asp:LinkButton> ¿Los elementos vuelven a estar bien, con un ancho fijo y especificado?

Si alguna vez es posible, nos gustaría seguir especificando el ancho en el CSS; preferiría no tener que ir a todos y cada uno de los casos. <asp:LinkButton> instancia y establezca la propiedad "Ancho" de ASP.NET en 200 px (eso parece funcionar, por cierto, los botones de enlace están bien configurados en el ancho fijo especificado).

Bagazo

Answer 1

Agregar display: block a la regla CSS debería ser el truco.