ho creato un header con un immagine nel medesimo ho creato tre div con immagine
posizzionati in modo relativo pero non riesco a metterle con precisione

il calcolo della distanza per posizionare i tre div deve essere fatto dal header con immagine messo in modo assoluto o dal header box ???

#contenitore {
height: 1000px;
width: 960px;
margin-right: auto;
margin-left: auto;
background-color: #ffffff;
}
#contenitore #nav {
height: 50px;
width: 960px;
background-image: url(immagini/navcentro.png);
background-repeat: repeat;
webkit-border-radius:
20px;-moz-border-radius:
20px;border-radius: 20px;
box-shadow: 0px 5px 10px #000;
-webkit-box-shadow: 0px 5px 10px #000;
-moz-box-shadow: 0px 5px 10px #000;
-o-box-shadow: 0px 5px 10px #000;
}
#contenitore #header img {
padding: 15px;
position: absolute;
}

#contenitore #nav ul {
list-style-type: none;
height: 50px;
}
#contenitore #nav ul li {
float: left;
padding-right: 60px;
height: 50px;
}
#contenitore #nav ul li a {
border: none;
padding: 10px 50px 50px 10px;
text-decoration: none;
color: #0000ff;
font-family: Lobster,Geneva,sans-serif;
line-height: 50px;
}
#contenitore #nav ul li a:hover {
color: #ff0000;
text-decoration: none;
}
body {
margin: 0px;
padding: 0px;
font-family: Philosopher,Geneva,sans-serif;
background-image: url(immagini/sfondo.png);
background-repeat: repeat-x;
background-position: center top;
}
#header {
height: 200px;
width: 960px;
}
#facebook {
float: left;
height: 50px;
width: 50px;
position: relative;
left: 850px;
}
#friend {
height: 50px;
width: 50px;
position: relative;
left: 720px;
}
#twitter {
height: 50px;
width: 75px;
position: relative;
left: 675px;
bottom: 50px;
}