Я чувствую, что это должно быть проблемой, когда я делаю что-то глупое, но я не могу понять. Здесь показана демонстрационная страница, показывающая мою проблему. Источник страницы:
<html>
<head>
<title>demo</title>
<style type='text/css'>
body{
margin: 0px;
padding: 0px;
}
#container{
height: 100%;
background-color: black;
}
#logo{
margin: 25px auto auto auto;
width: 360px;
height: 45px;
background-color: goldenrod;
}
</style>
</head>
<body>
<div id='container'>
<div id='logo'>
<p>logotext.</p>
</div>
</div>
</body>
</html>
Таким образом, чем больше вы настраиваете верхнее значение поля, тем дальше вниз страница #logo и #container перетаскиваются. #container должен оставаться на месте, а #logo должен перемещаться по странице.