Wenn man eine Website hat, mit Grafiken in der Navigation, bzw. beim Hovergrafiken angezeigt werden müssen, die nicht schon von vornherein in der Seite eingebunden sind, müssen diese erst geladen werden. Dies bringt für eine kurze Zeit einen unschönen Effekt, und zwar, dass anstelle der Hovergrafik nichts zu sehen ist. Dies kann man verhindern, in dem man die Grafiken vorlädt. Allerdings tut man dies in der Regel mit JavaScript. Mit CSS ist es aber viel eleganter, und läuft dann auch bei Usern mit deaktiviertem JS 
Dazu muss man einfach einen Unsichtbaren Div Container anlegen, und alle vorzuladenden Grafiken dort einbinden:
CSS:
#loader{ display: none; }
HTML:
<div id="loader"> <img src="bild1.gif" /> <img src="bild2.gif" /> </div>
Und schon, brauch man sich darüber keine Gedanken mehr darüber machen
