Позиционированный «фиксированный» div центрирован. Позиционированный «относительный» div центрирован. Они оба появляются поодаль

Question

Вот как это выглядит:

http://i.imgur.com/H0Oqz4Q.png

Вот CSS:

#header{ 
background:url('header.png'); 
border-radius:15px; 
box-shadow: 0px 0px 10px 9px rgba(4, 4, 4, 0.75); 
-moz-box-shadow: 0px 0px 10px 9px rgba(4, 4, 4, 0.75); 
-webkit-box-shadow: 0px 0px 10px 9px rgba(4, 4, 4, 0.75); 
height:145px; 
width:855px; 
margin:0 auto; 
z-index:1; 
position:fixed; 
left:0; 
right:0; 
top:-10px; 
max-height:145px; 
max-width:855px; 
} 

#centered_background{ 
background-color:#F2F2F2; 
width:845px; 
height:1000px; 
margin: 0 auto; 
position:relative; 
top:-15px; 
border-radius:20px; 
border:4px solid #2E2E2E; 
left:0; 
right:0; 
} 

Я предполагаю, что это что-то делать с «фиксированным» аспектом заголовок. Но я точно не знаю.

Спасибо!

Answer 1

Ширина обертки должна быть определена для margin:auto для работы.

html, body { width:100%; }