ASP.NET LinkButton не отображается правильно в IE7

Question

У нас есть проблема (одна из многих) с клиентом, который перешел на MS IE 7 всего несколько недель назад (да, да, я знаю ....... don 't ask .....)

В нашем приложении ASP.NET у нас есть серия элементов управления для навигации внутри таблицы HTML, каждая кнопка ссылки в отдельной строке. Кнопка ссылки находится в теге <td width="200">. Каждый <asp:LinkButton> имеет класс CSS назначенную, который определяет:

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

В MS IE 6, кнопки хорошо завалили всю ширину <td> и выстроились - у нас было пять или шесть рядов кнопок ссылок, все же ширину , все в центре с кнопками шириной 200 пикселей.

Но в MS IE 7 кнопки ссылок отображаются как стандартные и только настолько широки, насколько это необходимо, чтобы содержать текстовую метку на них. Итак, теперь у нас есть пять или шесть строк, и каждая кнопка ссылки отображается как кнопка с минимальной шириной, необходимой для содержания текста для кнопки. Выглядит ужасно ....

я уже пытался добавить «ширина: 200px» к классу CSS, но это не делает ничего хорошего, действительно :-(

Есть ли простой трюк/Обойти получить MS IE 7, чтобы визуализировать те элементы <asp:LinkButton> красиво снова, до заданной фиксированной ширины?

Если возможно, мы хотели бы указать ширину в CSS - я бы предпочел не переходить к каждой и каждый экземпляр <asp:LinkButton> и установите для свойства ASP.NET «Ширина» значение 200px (что, кажется, работает, btw - кнопки ссылок хорошо установлены на указанную фиксированную ширину).

Marc

Answer 1

Добавление display: block в правило CSS должно делать трюк.