Так должно по идее сработать.
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="header">
<div class="logo">
<a href="#"><img src="img/logo.png" alt="#"></a>
</div>
<div class="facebook">
<a href="#"><img src="img/facebook.png" alt="#"></a>
</div>
</div>
</body>
</html>
body {
background-color: #eeeeee;
}
.header {
width: 100%;
height: 600px;
background-image: url(../img/h_baner.png);
background-position: top center;
background-repeat: no-repeat;
}
.logo {
float: left;
margin-top: 50px;
margin-left: 100px;
}
.facebook {
float: left;
margin-top: 50px;
margin-left: 400px;
}