Firefox не против -алиасинг масштабированного фона svg

Я работаю над адаптивным дизайном, который требует, чтобы рисунок заголовка масштабировался по ширине окна просмотра. Я выбрал svg, думая, что это будет хорошо масштабироваться. (Я проверяю поддержку svg на полном сайте и заменяю gif на svg ). В Firefox (13.0 в Windows 7 )не выполняется сглаживание при малых размерах. Иногда это выглядит хорошо в некоторых размерах, и это так, если я исправлю размеры, но я хочу избежать этого. Chrome и Safari делают анти--псевдоним изображения, и это выглядит хорошо.

Я устанавливаю background-size: 100% 100%для масштабирования до контейнера, я также пробовал такие вещи, как cover, но, похоже, это не имеет значения.

Я также пытался добавить image-rendering: optimizeQuality;, но, похоже, это не помогло.

Я создал тестовую страницу по адресуhttp://axminster.digital.linneydesign.com/svg/-верхний — это фоновое изображение, а нижний — точно такой же файл, но добавленный в html непосредственно как img. Уменьшив масштаб браузера до небольших размеров, вы увидите, что верхняя часть будет пиксельной, а нижняя останется гладкой.

Любые мысли о том, как я могу сгладить это фоновое изображение, не фиксируя его размеры?

Благодарю.