Estoy usando una imagen svg como fondo. Estoy tratando de usar CSS3background-size: 100% 100%; pero no parece funcionar, incluso en los navegadores que deberían admitirlo (como Chrome).

Si miraseste siti verás el#special-post article (a la derecha / debajo de la imagen de la comida) con un fondo rojo con aspecto de pancarta. Tenga en cuenta que a medida que reduce la ventana, la altura de la imagen de fondo disminuye para retener sus proporciones, en lugar de estirarse, como me gustaría.

EDIT: Verifiqué esto en FireFox y funciona correctamente ... así que esto parece ser un problema de webkit.

EDIT: ¡Verifiqué esto en Safari y funciona! Parece que mi problema es específico de Chrome.

(PD: estoy familiarizado conest solución alternativa, usando unimg etiqueta, pero prefiero no usarla.)