与字体大小的FF和chrome相比，IE奇怪的CSS差异

Question

请看下面的页面：

http://tarjom.ir/demo/niazer

在Firefox中，它显示一切正常。 但是在IE中，尽管使用了normalize.css，并且还添加了兼容性属性，但仍然很糟糕。 IE问题主要与font-size有关。 我使用了自定义字体，但它的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/

Answer 2

亲爱的Mostafa圆角使用css在IE9 +中工作。 如果你想要一个圆角图像，你必须使图像本身圆角。

如果背景大小变量你可以只做圆角图像并像这样使用它：

<div>
   <table border="0">
      <tr>
      <td></td>
      <td>دسته های سایت</td>
      <td></td>
      </tr>
      <tr>
      <td><img src="left-corner.png"></td>
      <td></td>
      <td><img src="right-corner.png"></td>
      </tr>
   </table> 
</div>