Почему текстовый отступ не работает, когда его контейнер имеет: перед /: после псевдоэлемента? (FX/опера)

Начнем с этой причуды сегодня.

http://jsfiddle.net/UJAjD/3/

Вы заметите, что в Firefox 7 и Opera серый квадрат имеет в нем слово "Next". CSS содержит свойство text-indent, которое должно перемещать этот текст за пределы его контейнера. Просмотр этой страницы в IE или Chrome показывает ее так, как она должна. По крайней мере, как вы думаете, это должно показаться.

Это известная ошибка? Есть ли способ обхода?

Ответ 1

В зависимости от текста текстовый отступ влияет на текст в поле первой строки блока.

Проблема в том, что спецификация действительно не дает понять, содержит ли поле первой строки в этом случае блок или текст, а разные UA интерпретируют спецификацию по-разному...