Chargement image site web

Bonjour, j'ai créer un site d'ici peu, seulement, l'image (background) de mon site met du temps à charger (2-3 secondes) et ma page est dite "finie de charger", même lorsque l'image ne l'est pas.
Je voudrais que, soit, le l'image de fond se charge en première, soit que la page ne se marque pas "chargée" même quand l'image de fond ne l'est pas.

Voici mon code source :

HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Musique</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="musique.css" />
</head>
<body>
<p><a href="..musique/mes-musique">Mes musiques</a>

<br />
<br />
<a href="../musique/musiques-favorites.html">Musiques favorites</a>
</p>
</body>
</html>

----------------------------------------------------------------------------------------

CSS :

@charset "utf-8";
/* CSS Document */

body
{
/*image*/
background-image: url("ilovemusic.jpg");
background-attachment : fixed;
background-position:center;
height:100%;
padding:0;
margin:0;
/*texte*/
text-align:center;
font-size:22px;
}

a
{
color:#06F
}

a:hover
{
text-decoration:blink;
color:#F60;
}

------------------------------------------------------------------------------------------