IE игнорирует размер шрифта для элементов HTML SUB?

Question

Возможный дубликат:
относительный размер шрифта _{или ^{и их потомков в IE}}

Я обычно хорошо разбираюсь в CSS, но этот вопрос меня удивил...

У меня есть простая разметка, состоящая из некоторого текста и вложенного текста:

<p>I am a main text<sub>This is a sub text</sub></p>

Я установил CSS так, чтобы по умолчанию все элементы имели размер шрифта 12 пикселей. Тем не менее, для подэлементов я отменяю это:

sub { color:#999; font-size:11px; }

Firefox уважает 11px, IE 8 - нет, он делает его намного меньше, но он уважает отмену цвета. Это последнее, что я ожидал бы при установке размера шрифта FIXED. Я могу заверить, что нет других правил CSS, конфликтующих с этим.

Если я увеличу размер шрифта в CSS до 12px, IE отобразит его в 11px, но в Firefox он будет слишком большим. Что-то странное происходит с элементом SUB в IE.

У меня есть решение, если я использую что-то другое, чтобы пометить подтекст, например, h3, и Firefox, и IE действительно правильно отображают размер шрифта. Если нет лучшего решения, я пойду в этом направлении, но мне просто интересно, есть ли лучшее решение? Также мне нравится, как в данный момент выглядит разметка.

Answer 1

Поскольку, похоже, нет исправления CSS, я остановился на использовании <small> тег вместо <sub> тег. Это отлично работает, хотя делает разметку менее понятной.

Answer 2

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