Bild vorausladen funktioniert nicht

[nick]

Hi,
hier ist mein Code:

CSS:
#clip { position:fixed; width:100%; height:100%; background:url(bild.png); display:none; z-index:100; }

Javascript:

function show()  
{  
Vorladen = new Image();  
Vorladen.src = "clip.png";  
  
document.getElementById('clip').style.display = "block";  
}

HTML:
<a href="#" onclick="show(); return false;">zeigen</a> <div id="clip" onclick="this.style.display = 'none';">&nbsp;</div>

Der Javascript Code soll praktisch zuerst das "clip.png" Bild in den Cache laden und DANN den Div anzeigen. Bei mir wird der Div aber angezeigt, obwohl clip.png noch nicht fertig geladen hat. Was mach ich falsch?