CSS Prevent background reload

[ARCLite Studio]

Using the CSS3 code below to present a full screen background image, I have noticed that as I switch pages in the website, the Background is reloading. Basically the background goes white and then progressive loads the image. The code is in a external stylesheet linked to by all pages.

Anybody know how this can be coded differently where the reload is not occurring?

I assume it is because the "cover" attribute is recalculating the window/screen size each time, but I also thought that caching would prevent that. Anyways, any feedback would be great.

body {

 background:url('../images/bg.jpg') no-repeat center center fixed;

-webkit-background-size: cover;

 -moz-background-size: cover;

 -o-background-size: cover;

 background-size: cover;

 }

[Custard7A]

I'm not familiar with using cover, but I would have thought caching would keep the image in memory regardless. It's probably something silly, like your browser cache is full, or not actually on (I don't mean to be insulting ). Perhaps try it in several browsers, and see if still insists on reloading each time?