I've set up my page so that my left nav bar is a series of background images which change when the user mouses over.
I learned how to do this from an older thread on this site. http://www.daniweb.com/forums/thread109916.html
This all works well except for one minor problem. The first time a user loads the home page and mouses over the images, the images turns to a white rectangle for a few seconds while the second image is loading. After the images loads in the cache, this isn't a problem. In other words, when the user navigates around the site and returns to the home page, the hover background image swap works beautifully.
Any ideas how to solve this?
Here is the page on the dev site:
Here is my code for one image:
<td ><a href="northamerica.php" class="home_2_1"> </a></td>
Here is the css for that image swap:
display:block; /* This cover full td */
background:url(http://bobbarlow.com/dev/images/home_2_1.jpg) no-repeat; /*sets the background link image */