размер фона: 100% 100%; не работает должным образом в Chrome

Я использую изображение svg в качестве фона. Я пытаюсь использовать CSS3 background-size: 100% 100%; , но, похоже, он не работает даже в браузерах, которые должны его поддерживать (например, Chrome).

Если вы посмотрите этот сайт , вы увидите # специальную статью (справа / под изображением еды) с фоном, похожим на красный баннер. Обратите внимание, что по мере уменьшения окна высота фонового изображения уменьшается, чтобы сохранить его пропорции, а не растягиваться, как мне хотелось бы.

РЕДАКТИРОВАТЬ: Я проверил это в FireFox, и он работает правильно ... так что, похоже, это проблема с webkit.

РЕДАКТИРОВАТЬ: Я проверил это в Safari, и он работает! Похоже, моя проблема связана с Chrome.

(PS: я знаком с этим альтернативным решением, использующим тег img , но я бы предпочел не использовать его.)