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

Question

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

В нашем приложении ASP.NET у нас есть ряд <asp:LinkButton> элементы управления навигацией внутри таблицы 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 кнопки ссылок отображаются стандартно и имеют ширину ровно настолько, насколько необходимо для размещения на них текстовой метки.Итак, теперь у нас есть пять или шесть строк, и каждая кнопка со ссылкой отображается как кнопка с минимальной шириной, необходимой для размещения текста для кнопки.Выглядит ужасно....

Я уже пробовал добавить «width:200px» в класс CSS, но на самом деле это бесполезно :-(

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

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

Марк

Answer 1

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