html - 画像が正しい場所に表示されない

Question

ページに 4 つのソーシャル メディア アイコンを配置しましたが、z-index 値が大きいにもかかわらず他の div によって隠されているか、上部の 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

float 宣言を削除し、追加します

top:0;
right:0;