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

我正在运行一个测试javascript/CSS应用程序，有一个div表现出非常奇怪的行为。我一辈子都搞不清楚到底发生了什么

将浏览器指向，然后在DOM中使用类

payment

查看

div.payment

（

div

）

这个div包含一个图像和一些文本，但除了显示在Chrome和FF上的一小部分文本外，其他文本都不可见，但在IE9上却不可见。我还没有为DOM的这一部分设计样式，但我甚至不明白为什么它是完全不可见的。检查应用的CSS似乎没有发现任何z索引、透明度或隐藏问题。有什么建议吗

---

很抱歉，此代码很难理解，此链接可能会更改。

因为ur

.background

的位置是固定的，它将位于顶部，因此您必须添加

位置：相对于
部门付款
使用此

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

及

将
职位：相对
添加到您的
付款
部门。这很有趣……我从来不知道这一点。为什么带有
位置：固定的div显示在另一个没有
位置：相对的div的上方？值得一读。。这有点棘手：）
.payment p {
    float: left;
    position: relative;
    z-index: 1;
}