Выравнивание сайта по центру

[user135]

Здравствуйте (:

Проблема в выравнивании сайта по центру.

Ширина сайта - 1200px; Ширина шапки - 1600px;

Сейчас так :

body{   background:url(img/header.png) top center no-repeat, url(img/bg.gif) repeat; }
#conteiner{
        position: absolute;
	left: 50%;
  	margin-left: -600px;
	width: 1200px;}

При этом :

• Шапка смещена px на 20 влево.
  
• При масштабировании сайта увеличивается средняя часть сайта, с появлением скрола только вправо. (Т.е. видна середина и можно прокрутить её вправо, влево - нельзя)
  
• На мобильных устройствах сразу открывается так, что видна только середина и доступен скрол вправо.
  

margin:0 auto;

Не работает совсем.

Если писать background для div'a header, то появляются скролы(на 1600px)

Как исправить все это? (:

И еще. Как убрать для разных браузеров разные отступы. (Например какой-то блок в Opera на 1px левее, в FireFox ровно где хотелось, в Chrome на 1px правее)

http://ladymirror.ru/

Вот сайт (:

А вот сдвиг. Между шапкой и контентом. 1px.

Заранее спасибо (:

[Yazon_Nile]

бррр.

Если шапка 1600, а сам сайт 1200, тогично вытянуть шапку в обе стороны на 200 пк. Т.е

margin:0 -200px;

С указанием ширины.

[hedgehog]

бррр.

Если шапка 1600, а сам сайт 1200, тогично вытянуть шапку в обе стороны на 200 пк. Т.е

margin:0 -200px;

С указанием ширины.

Зачем, если за границы выходит просто бекграунд, который можно повесить на body?

[Yazon_Nile]

В суть я не вникал - глянул, что у автора какой-то боковой маржин соотв написал, как правильно выносить)