Странное поведение IE7 (или нет)

Question

Я не вижу причин, по которым это не могло бы работать во всех браузерах, вот мой css для тега привязки:

.myButton{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #D8DFEA !important;
color:#3B5998;
cursor:pointer;
font-size:20px;
padding:10px;
}

Вот как это выглядит в IE7:

альтернативный текст http://i43.tinypic.com/2a5lnkn.png

А вот как это выглядит в других браузерах:

альтернативный текст http://i39.tinypic.com/2pq3sw4.gif

В HTML тоже нет ничего необычного:

<a href="#" class="myButton">Beta</a>

Все это находится внутри таблицы, этот якорный html оборачивается:

<tr>
   <td><a>...</a></td>
<tr>

Я не думаю, что это связано с чем-то, но я упомянул об этом на всякий случай, поэтому на кнопке отсутствует граница сверху, какие-либо признаки того, что может вызвать это?

Answer 1

Если обычный zoom:1; не работает, попробуйте float:left; или display: inline-block;vertical-align: top;, но первое, что делает id - это обслуживает IE7 margin-top:1px или position:relative;.
Возможно, вам просто нужно активировать магию HASLAYOUT.

В качестве альтернативы вы могли бы использовать стиль TD вместо этого.