Css 不同浏览器的绝对位置不同

我注意到我的三个绝对定位的div，里面有文本，在internetexplorer和firefox中是单向定位的，而在chrome和safari中则略有不同。原因和解决办法是什么

它们是这样定位的

 style="position: absolute; left: 100px; top: 270px; width: 499px;"

并且位于相对定位的元素内

---

可以找到有问题的页面。问题在于数字图像旁边左侧的三个文本组。

在Chrome和FF中呈现的字体大小似乎有问题。文本与数字不对齐，因为在chrome和IE8中，h1内容分为两行，而在FF中则是单行。我不是专家，无法解释为什么会发生这种情况

要解决此问题，请尝试为h1提供较小的字体大小，例如：

<h1 style="position:relative;top:-15px; font-size:30px; line-height:34px;">How to Make Your First Website</h1>

---

我建议您避免在html中使用内联样式，而是在CSS中编写样式，因为这样可以方便地更改样式

IE、Firef、Chrome和Safari的哪个版本？我在FF 31、铬35和IE 8上看到了相同的结果