IE忽略HTML SUB元素的字体大小？

Question

  

可能重复：
  relative font-size of <sub> or <sup> and their descendants in IE

我通常精通CSS，但这个问题让我感到惊讶......

我有一些简单的标记，包含一些文本和子文本：

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

我已设置CSS，因此默认情况下，所有元素的字体大小均为12px。但是，对于子元素，我推翻了这个：

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

Firefox尊重11px，IE 8没有，它渲染得更小，但它确实尊重颜色否决。这是我在设置FIXED字体大小时所期望的最后一件事。我可以保证没有其他CSS规则与此相冲突。

如果我将CSS中的font-size增加到12px，IE会将其渲染为11px，但是在Firefox中它太大了。 IE中的SUB元素正在发生一些奇怪的事情。

我确实有一个解决方案，如果我使用别的东西标记子文本，例如h3，Firefox和IE都会正确渲染字体大小。如果没有更好的解决方案，我会朝着那个方向前进，但我只是好奇是否有更好的解决方案？我也喜欢标记目前的样子。

Answer 1

我总是围绕IE的非标准兼容性工作的方式是检查用户代理并根据它是IE还是其他方式返回不同的样式表。然后你的IE样式表可以做任何它需要的东西，以使IE正确呈现它，而不会破坏其他人。

Answer 2

由于似乎没有CSS修复，我已决定使用<small>标记而不是<sub>标记。这样可以正常工作，但它确实使我的标记不太清楚。