[CSS]Przesuwający się header oraz footer przy zmianie rozdzielczości Opcje

[krzesik]

Witam, mam problem przy zmianie rozdzielczości z serwisem, przesuwa mi się się nagłówek oraz stopka w prawo (tak jakby zachowywały nadar zadany margines) nie mogę tego znaleść w css, pomocy.

[HTML] pobierz, plaintext 
.header
{
	height:140px;
	background:url('head.png') no-repeat;
	width:1200px;
	margin:auto;
	margin-top:10px;
    display:block;
}
.header span
{
	display:block;
	font-size:70px;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding-top:25px;
	margin-left:50px;
}
.foot
{
	width:1200px;
	margin:auto;
	margin-bottom:30px;
	text-align:left;
    font-size:12px;
    color:#ffffff;
    height:89px;
    padding-left:50px;
	padding-top:25px;
	background:url('foot.png') no-repeat center;
}
.foot a,.foot
{
	color:#cccccc;
}
.foot:hover a,.foot:hover
{
	color:#dddddd;
 
}
.foot a:hover
{
	color:#ffffff;
    margin-left:50px;
}
body
{
	background:#000000 url('bg.jpg') top center no-repeat fixed;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	padding:0px;
}
 
[HTML] pobierz, plaintext 

[trueblue]

Ustawiłeś na sztywno 1200px dla .header i .foot
Przy mniejszej rozdzielczości będą wypychać szerokość na prawo.