图像没有显示在正确的位置

Question

我有4个社交媒体图标，我放在我的页面上，但他们要么被其他div隐藏，即使他们有更大的z-index值或者他们显示在顶部div之下。我希望他们能够走到教堂形象的右侧，我可以用代码来玩，然后让它们出现，但它们出现在我的顶部下方。我已经尽可能地在这里添加代码，但我无法弄清楚如何做到这一点，所以我将链接到该网站。

网站http://www.joekellywebdesign.com/churchsample1/index.html

样式表在 http://www.joekellywebdesign.com/churchsample1/css/styles.css

我为div定义的样式是：

socialmediaicons {
    margin:50px 50px 0 0; 
    float:right; 
    z-index:90;
    position: absolute;
}

Answer 1

删除浮动声明，然后添加

top:0;
right:0;