iPhone/mobile版网站上的z索引

我已经创建了一个HTML5/Responsive ish页面，现在使用媒体查询创建一个单独的iPhone版本。它仍在进行中，有这么多问题，但有一个问题让我有点发疯

我的智能手机布局与我的台式机/iPad版本大不相同，因此我不得不使用绝对定位来将iPhone的资产安装到位。我有一点标题文本，无论我做什么，它都不会层叠在磁带图像div上

这是标题css:

`   #playlistTitle {
        width:140px;
        height:32px;
        position:absolute;
        top:120px;
        left:60px;
        z-index:500;
        background-color:transparent;
        border:1px solid red;
        text-align:center;
`

这就是它应该覆盖的div：

`    #reelWrapper {
    height:137px;
    width:254px;
    position:absolute;
    margin:156px 6px 6px 16px;
    background:url(../images/cassette.jpg) no-repeat 0 0;
    z-index:50;
}
`

你可以在iPhone上看到title div的底部位于caste image div的下面（我使用可见边框来显示它工作不正常的地方）。我想要的是它在上面分层，这样我可以向下移动它，使其看起来像这样：

页面如下：

您可以通过源代码看到css的其余部分，显然

---

如果有任何想法，我将非常非常感激

检查

div

s上包含

#playltitle