ASP.NET LinkButton não processado corretamente no IE7

Question

Nós temos um problema (um dos muitos) com um cliente que mudou para MS IE 7 apenas algumas semanas atrás (sim, sim, eu sei ....... não pedir .....)

Em nosso aplicativo ASP.NET, temos uma série de controles <asp:LinkButton> para navegação dentro de uma tabela HTML, cada botão link em uma linha separada. O botão de ligação está dentro de uma tag <td width="200">. Cada <asp:LinkButton> tem uma classe CSS atribuído que define:

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

Em MS IE 6, os botões bem encheram toda a largura da <td> e alinhados -. Tivemos cinco ou seis fileiras de botões de link, todos a mesma largura, todas centradas em 200 pixels de largura botões

Mas em MS IE 7, os botões de link estão sendo processados ??como padrão e são apenas tão grande como necessário para conter o rótulo de texto sobre eles. Portanto, agora temos cinco ou seis linhas, e cada botão link é processado como um botão com a largura mínima necessária para conter o texto do botão. Parece horrível ....

Eu já tentei adicionar um "width: 200px" para a classe CSS, mas isso não faz nenhum bem, realmente: - (

Existe algum truque fácil / solução alternativa para obter MS IE 7 para renderizar os elementos <asp:LinkButton> bem novamente, para uma largura especificada, fixa?

Se alguma vez possível, gostaríamos de manter especificando a largura do CSS - Eu preferiria não ter que ir para cada instância <asp:LinkButton> e defina a propriedade ASP.NET "largura" para 200px (que parece trabalho, btw -. os botões de link são muito bem definida para a largura especificada, fixa)

Marc

Answer 1

Adicionando display: block à regra CSS deve fazer o truque.