Как закрепить логотип на одном месте

[{Shadowevil}]

Здравствуйте. Поискал тему, но так и не нашел, если что заранее прошу прощения.
Совсем недавно начал изучать веб программирование и столкнулся с такой проблемой:

Есть фон, в браузере располагается по центру документа, при наложении на фон логотипа он встает нормально, но при масштабировании окна браузера(увеличение/уменьшение) логотип начинает "ездить" по фону влево/вправо, а мне надо его зафиксировать чисто по центру фона, чтобы не съезжал даже при изменении масштаба, уже 2 дня пытаюсь найти что-нибудь из этой оперы
Например как здесь: http://foreverheavy.com/

<!--Внешний основной контейнер-->
	<div id="main">
      <!--Внутренний основной контейнер-->
	  <div id="main-inner">
         	
		<!--Контейнер с шапкой-->
        <div id="header">
        	<!--Контейнер с логотипом-->
        	<div id="logo">
			  <div class="logo">
				<a href="Index.html"><img src="img/logo.png" /></a>
			  </div>
        	</div><!--Закрытие контейнера с логотипом-->       
                              	
        </div><!--Закрытие контейнера с шапкой-->
 </div><!--Закрытие внешний основной контейнер-->

CSS

body {
	background-color:#FFF;
	margin:0px;
	padding:0px;
	background-image:url(../img/fon.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	overflow-x: hidden;
}
#main {
	width:1900px;
	height:1933px;
	margin:0 auto;
	position: relative;
	z-index: 10;
}
#header {
	float:left;
	width:1900px;
	height:298px;
	margin:auto;
	position: relative;
}
#logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}

.logo {
	position: relative;
	width:1001px;
	height:258px;
	margin: 0 auto;
	left:0px;
	top:40px;
}

Такой код нашел на одном сайте, проблему с масштабированием решает, но появляется другая ..из за position:fixed логотип начинает прокручиваться по вертикали, а этого быть не должно, подскажите как это все решить? Пожалуйста

[Naive]

position:absolute

[{Shadowevil}]

Сообщение от Naive

position:absolute

не, начинает вправо уезжать при увеличении масштаба

[Naive]

#logo находится в контексте #header, у которого статичная ширина, выкинь его в корень.

[{Shadowevil}]

Сообщение от Naive

#logo находится в контексте #header, у которого статичная ширина, выкинь его в корень.

Спасибо, помогло