Адаптивные фоновые изображения

К фоновым же изображением такой способ применить нельзя.

Почему нельзя? Можно же заюзать,

div {
     background-size: 100% auto;
}

и фон при уменьшении ширины будет пропорционально уменьшаться по высоте. Только IE 8 и ниже не поддерживают.

У вас яблочко похоже на грушу :)

  background-size: cover;
 -moz-background-size: cover;  /* Firefox 3.6 */

Порядок неверный. Свойство без префикса должно быть последним.

В хроме[Версия 22.0.1229.94] левый отступ становится больше правого:

я так понимаю, автор топика ВНЕЗАПНО узнал про
background-size: cover
и всё? оО

Использование background-size может значительно понизить скорость рендеринга страницы во всех браузерах, всегда стоит помнить об этом и по возможности использовать другие методики для «ресайза» изображений на стороне клиента