Как выравнять картинку в шапке по центру

Доброго времени суток! Задача такая: сделать так, чтобы по краям экрана шел фон (слева и справа, соответственно), а по центру фона "замыкалась" картинка (шапка сайта). Прописал в 'style.css' следующее:

body {
background: url('../images/logo.jpg') no-repeat center;
float: left;
height: 300px;
margin: 50px;
padding:0;
}

.block1 {
background: #ccc;
left: 0;
margin: 0;
position: absolute;
height: 300px;
width: 10%;
}

.block2 {
background: #ccc;
right: 0;
margin: 0;
position: absolute;
height: 300px;
width: 10%;
}

Вроде все "ОК", картинка при масштабировании страницы "замыкается" по краям фона и за них никуда не "выползает", но... она увеличивается/уменьшается при масштабивании, а я хотел-бы, чтобы она оставалась своих размеров. С одной стороны я понимаю, что говорю бред, т.к. ясен павлик, что она по-любому будет увеличиваться и уменьшаться при зуме, но вроде на каких-то сайтах я такие "фокусы" с шапками видел... Может я что-то не "втыкаю"? А задача такая:

[1[2[ 3 ]4]5]

Где: 1 - граница экрана; 2 - левый край фона; 3 - сама картинка; 4 - правый край фона; 5 - граница экрана.
Если "кто в танке", помогите, пожалуйста, решить эту задачку! Гуглил-яндексил - не помогло... ((( Заранее огромное спасибо!

0

а если ее не в бэкграунд, а просто через img вставить?

0