[SOLVED] Background graphic file loads first in page transitions

Juggledad Genius,

Your posts have been my rock for more than two years. I am stuck on BFA and Juggledad.

Problem: the 1494 x 319 background graphic file (only one I like) loads first in actual size in the upper left side of the screen briefly before the page content comes up. This happens every time you change Menu links. Is there any way to adjust the CSS Insert to avoid this distraction?

I have a new site: http://wiltonsuites.com using the fabulous Atahualpa Theme. I followed some advise found on the forum and got the following CSS Insert to work:

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#wrapper {
position:relative;
z-index:1;
}
div#menu1 ul.rMenu {
background-color: transparent !important;
}

ul.rMenu li a:link, ul.rMenu li a:active,
ul.rMenu li a:visited, ul.rMenu li {
background: transparent !important;
}

ul.rMenu li a:hover {
background: transparent !important;
}


Cheers,
Ray