Html 网页上的图像卡在背景后面（css）

我正在编写一个网页，使其看起来像一个旧的myspace页面，我决定添加到该页面的一个元素是一个Windows XP对话框/弹出框。我已经能够为这个盒子编码了，但是如果你点击这个网站的链接，你就会看到，这个盒子被卡在了中央背景后面

如果有人知道如何防止这个对话框图像在后台格式化，请告诉我。理想情况下，我只想把对话框移到更右边，或者至少把它移到前面，这样它就位于文本上方。谢谢

在css上：

#profile {
    display: block;
    position: absolute;
    z-index:2;              <------- add this
    top: 150px;
    left: 850px;
    height: 216px;
    width: 300px;
    margin-right: 50px;
    background-position: -336px -238px;
}

---

请阅读。当外部资源消失或固定时，依赖外部资源理解的问题将变得无用。创建一个问题，并将其放在问题本身中。Stackoverflow不支持，请检查我的答案。下一次在询问之前做些调查。大拇指竖起，我刚试过，但只包了照片的顶部。还有什么我可以试试的吗？我可能错过了一个。。。再次复制并粘贴成功，非常感谢！