Question

Is there a way to stop a background image centering at a specific width?

To illustrate the problem, reduce the width of the following site untill scroll bars appear. Then observe how the background image remains centred, however, all other elements hold their place.

See it here

Answer 1

You could add min-width to your #header css

#header { background: #f8f8f8 url("background.jpg") no-repeat center bottom; background-position-y: 160px; min-width:960px;}