HTML
<div id="outer">
<div id="inner">
Lorem Ipsum...
</div>
</div>
css
#outer { background: url('mypic.jpg') no-repeat center top; }
#inner { width: 960px; margin: 10px auto; }
Этот код хорошо центрирует мое фоновое изображение, за исключением случаев, когда мой браузер становится уже, чем ширина 960 пикселей #inner. В этом случае с узким браузером #inner и #outer сохраняют свою ширину 960 пикселей, как и ожидалось (предоставляя горизонтальную полосу прокрутки браузера), но фоновое изображение в #outer центрируется в окне браузера, а не в блоке #outer. Как я могу поддерживать фоновое изображение в центре div, а не в окне браузера?