css - Webkit 浏览器有时绝对定位

Question

我有一个网站，我已经在所有其他主要浏览器中测试过它运行良好。我的问题出在 WebKit 浏览器(Safari 5.1.4 和 Chrome 21)上，我的绝对定位文本有时会起作用。如果我刷新 10 次，它可能会正确定位两次。有趣的是，如果我放大浏览器，格式就会固定。

网站是:http://survey-snap.com/ssContact/ 这些元素是蓝色部分中的要点。

CSS:

.bulletpoints {
    padding-top: 30px;
    font-size: 1.11em;
}

.bulletpoints li {
    height: 56px;
    position: relative;
    padding-bottom: 17px;
}

.bulletpoints img {
    float: left;
    padding-right: 5px;
}

.bulletpoints span {
    position: absolute;
    top: 5px;
    width: 250px;
}

.bulletpoints p {
    margin-top: 10px;
    padding-left: 61px;
}

Answer 1

看完Absolutely positioned images in Chrome/Safari ，我只是重新编写了该部分以删除定位并只是将其 float 。