background-color для a href

[Pumych]

<span class="menu-link active" id="ketubot"> 
                <a href="index.php?page=ketubot">KETUBOT | ??????</a>
</span>

.active a {
    background-color: #E9D7B3;
}

Между словами разного направления (rtl и ltr) пробел, только в IE7. Попытка сделать background-color на отцовский блок не увенчалась успехом. Вот ссылка на страничку, меню на верху справа.

Есть какие нибудь идеи?

Заранее спасибо.

[swetlana]

в последнее время достаточно много имею дела с альтернативной письменностью типа арабского, иврита, фарси.

Но ничего подобного не видела.

И здесь:

при каких условиях проблема возникает? как увидеть?

[Pumych]

Полагаю это IE8 в IE7 mode косячит.

Как вы такое обходите если нужна поддержка обоих?

Спасибо за помощь.

Edited March 16, 2011 by Pumych

[swetlana]

вообще у меня вчера был тоже IE8, переключенный в режим IE7.

А сейчас смотрю в натуральном IE7 — есть пробел.

убирается, если убрать паддинги для <a>.

насколько приемлем вариант с помещением лишнего span'а внутрь ссылки?

[wanntuzz]

<span class="menu-link active" id="ketubot"> 
                <a href="index.php?page=ketubot"><span>KETUBOT | ??????</span></a>
</span>

.active a, .active a span {
    background-color: #E9D7B3;
}

так работает?

[Pumych]

вообще у меня вчера был тоже IE8, переключенный в режим IE7.

А сейчас смотрю в натуральном IE7 — есть пробел.

убирается, если убрать паддинги для <a>.

насколько приемлем вариант с помещением лишнего span'а внутрь ссылки?

Приемлем, задал на него то же background-color, результат без изменений. Или я не о том?

<span class="menu-link active" id="ketubot"> 
                <a href="index.php?page=ketubot"><span>KETUBOT | ??????</span></a>
</span>

.active a, .active a span {
    background-color: #E9D7B3;
}

так работает?

Нет, не работает. А что это означает?

[tius]

#menu a {padding: 0; color: #7d3e2c; text-decoration: none;}

[Pumych]

#menu a {padding: 0; color: #7d3e2c; text-decoration: none;}

Впринципе так и задумано. Что бы шире было.

Edited March 19, 2011 by Pumych

[tius]

установите Padding в ноль у #menu a и будет ок.

[swetlana]

Приемлем, задал на него то же background-color, результат без изменений. Или я не о том?

о том.

ниже ваннтузз написал кодом то, что я предлагала.

Значит не получилось. Жаль.

tius предложил рабочее решение. Если паддинг убрать, то разрыва не будет. Но я так понимаю, что отступы должны ведь быть?

Интересно всё-таки решить, в чём дело. Сейчас поколдую.