html - IE 奇怪的 CSS 与 FF 和 chrome 在字体大小上的区别

Question

请看下面的页面:

http://tarjom.ir/demo/niazer

在 firefox 中，一切正常。但是在 IE 中，尽管使用了 normalize.css，并且还添加了兼容性属性，但仍然很糟糕。 IE问题主要与字体大小有关。我使用了自定义字体，但它的 IE 版本也包括在内。现在，是什么导致 IE 在上面的链接中以比 FF 更大的字体显示部分的标题。这是 IE 和 Firefox 中的快照:(你看到图像的顶部显示了字体大小的 IE 渲染，比它的 FF 对应物大。你也可以从上面的链接看到它的实时版本)

问题存在于IE8

Answer 1

为 .cats-bottom 设置:

position: relative;

对于.section-title-blue:

position: absolute;
right: 20%;

看这里:http://jsfiddle.net/tseN6/