Links para HTML / CSS no facebook - html, css

Atualmente estou estudando HTML / CSS / JAVASCRIPT. Eu estou lutando com posicionamento especificamente e me perguntei se alguém pode ajudar. Eu tenho uma imagem de fundo fixa no meu cabeçalho (html e css) abaixo.

HTML

<header>
<h1>GEORGES BAR & GRILL</h1>
<div>
<section id="intro" />
<img src="/images//Users/stewartlight/Documents/Stews_Stuff/Uni/SP3/GBAG/Images/restaurant_1.jpg" />
</section>
</div>
</header>

CSS

#intro img {
position: relative;
top: 0;
right: 0;
width: 960px;
height: 500px;
}

Eu estou tentando adicionar links de imagem "facebook" e "twitter". Eu estou lutando para obter os links para se sentar no fundo e posicionar no canto superior direito. Se alguém puder ajudar eu seria muito apreciado.

Respostas:

Você quer que a posição das imagens seja "position:absolute;" e você quer que o div contendo ter um "position:relative;" é exatamente como o posicionamento absoluto é feito. Você deve declarar o que você está posicionando em relação a ele e então definir o que você posicionou "position:absolute;"