Internet Explorer несколько классов

Question

У меня есть ссылка на моей странице, которая выглядит следующим образом:

<a href="www.wherever.com" class="tour-register id-tour-button"></a>

, и мой css читает:

.id-tour-button { display: inline-block; position:relative; z-index: 10; }
a.tour-register { background: transparent url(../img/register.png) no-repeat; width: 133px; height: 23px; }

Это прекрасно работает в Firefox, но в IE ссылка исчезаети проверка с использованием IETester показала, что элемент вообще не использует вторую строку для своего стиля.Что не так с тем, что я сделал?

Answer 1

Несколько классов не работают в IE6 (он сохраняет только второй класс, отсюда и поведение, которое вы получаете). Какую версию вы точно используете?

РЕДАКТИРОВАТЬ: После комментария Чарльза я ошибаюсь по этому поводу, и проблема, вероятно, возникает из-за отображения: встроенный блок не совсем понятен (следовательно, ширина и высота не применяются, потому что привязка обрабатывается как встроенная. Не могли бы вы попробовать display: block вместо этого? (Это, вероятно, сломает ваш дизайн, но, по крайней мере, вы увидите, что происходит)