Требуется помощь с футером - Вопросы по CSS

Ширина шаблона 1024px, через margin: 0 auto отцентрирован.
Футер состоит из бэкграунда в виде изображения и должен быть на всю ширину экрана:
.footer {
background: url(../images/footer.png) no-repeat;
width: 1920px;
height: 165px;
}

Для того, чтобы на разрешении, например, 1600px он тоже был на всю ширину экрана, надо уменьшить footer.png до 1600px и через @media прописывать? Но ведь это не вариант т.к. разрешений-то огромное количество...

Подскажите, как это решить т.к. width: 100%; не помогает.

background: url(../images/footer.png) no-repeat 50% 0;

background: url(../images/footer.png) no-repeat 50% 0;

По ходу у меня был вечерний затуп... Сделал, как вы написали и изменил width: 100%;
Все работает)

А ширину можно не прописывать вообще. Для блоковых элементов она 100%.