javascript - この div の一部しか表示されないのはなぜですか?

Question

テスト用の JavaScript/CSS アプリを実行していますが、非常に奇妙な動作を示す div があります。私は一生、何が起こっているのか理解できません。

ブラウザーでhttp://korhal.andrewmao.net:9294/にアクセスし、DOMのdiv.payment( divwith class )を確認します。payment

この div には画像といくつかのテキストが含まれていますが、Chrome と FF では表示されるが IE9 では表示されないテキストの最後の部分を除いて、いずれも表示されません。DOM のこの部分のスタイルはまだ設定していませんが、完全に見えない理由がわかりません。適用された CSS を調べても、z-index、透過性、または隠れた問題は発生していないようです。助言がありますか？

申し訳ありませんが、このコードは要旨がわかりにくく、このリンクは変更される可能性があります。

Answer 1

ur.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;
}