Tengo un div

<div id="page">

</div>

Con el siguiente CSS:

   #page {
    background: url('images/white-zigzag.png') repeat-x;
    }

    @media (max-width: 600px) {
  #page {      
  background: url('images/white-zigzag-mobile.png') repeat-x;
  }
}

Noto que cuando cambio el tamaño de mi navegador, veo el fondo "móvil" (bueno), pero si vuelvo y agrando mi navegador, mi fondo "grande" anterior no siempre vuelve a aparecer.

Es un problema intermitente, pero sucede con la frecuencia suficiente para pensar que debería abordarlo.

¿Hay alguna forma de evitar este problema de "imagen de fondo que no aparece" o una forma de cambiar el tamaño de las imágenes de fondo, de modo que la consulta de medios "reduzca" la imagen de fondo para que se ajuste al nuevo tamaño? Hasta donde sé, no hay una forma (generalizada) de cambiar el tamaño de una imagen de fondo ...