HTML Grafik zum Vorladen zwingen

[wladislav1]

Hi,
Nach langer Zeit ist es wieder mal Zeit die Hilfe des guten alten Supernature boards aufzusuchen.
Ich hab vor einiger Zeit angefangen an meiner Portfoilio Seite zu basteln. saires.de (Saires Art)
Nun hab ich diese zur hälfte fertig, stoße aber auf ein kleines Problem. Mein Menü hat eine Grafik, die geladen wird wenn die Maus drüber geht.
Ich habe dies mit Css realisiert.

Menü Code Snipet:

#menu4 a, #menu4 a:visited , #menu4 a:active {display: block;
width:156px; height:65px;
background-image:url(saires/images/MenuM2.jpg);
}
#menu4 a:hover {
width:156px; height:65px;
background-image:url(saires/images/MenuM22.jpg);
}

Nun das Problem ist, dass es kurz schwarz wird, wenn die Maus drüber geht, weil die Grafik ja noch zu laden hat.
Was bei meiner schnellen Internetverbindung nicht zu störend ist, ist bei einem Internetstick eine halbe ewigkeit...
Ich habe die Grafik so weit komprimiert wie ich nur konnte ohne das es wie Grüze aussieht, ohne "großen" Erfolg.
Meine Logik wäre die Grafik zum Vorladen zu zwingen. Leider hat mein Goolge-fu und die Boardsuche mir nicht weiter geholfen.
Hätte da jemand eine passende Lösung parat?

[HeikeFy]

Ich habe hier: HTML-CSS Image Preload - Bilder vorladen | CSS Tutorials und hier: Grafiken vorladen - HTML, CSS, Javascript : Webdesign & Programmierung verschiedene Lösungen gefunden.