与字体大小的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>