为什么这个div只有一小部分可见？

Question

我正在运行一个测试javascript / CSS应用程序，并且有一个div表现出非常奇怪的行为。我不能为我的生活找出正在发生的事情。

将浏览器指向http://korhal.andrewmao.net:9294/，然后在DOM中查看div.payment（div类payment）。

这个div包含一个图像和一些文本，但除了文本的一小部分显示在Chrome和FF而不是IE9之外，它们都不可见。我还没有设想DOM的这一部分，但我甚至无法弄清楚为什么它完全不可见。检查应用的CSS似乎没有出现任何z索引，透明度或隐藏的问题。有什么建议吗？

我很抱歉，这段代码很难说明，这个链接可能会有所变化。

Answer 1

由于你的.background位置已经固定，因此它必须排在最前面，所以你必须添加  position:relative至div.payment

Answer 2

使用此

.payment img {
    float: left;
    position: relative;
    z-index: 1;
}

和

.payment p {
    float: left;
    position: relative;
    z-index: 1;
}