mouse over und traffik

[Martin]

Hello,

ich bin gerade an meiner ersten CSS webiste und habe folgendes problem.
Ich habe genau nach Anleitung ein Menu mit mouseover Effekt erstellt. Die CSS befindet sich in einer exteren Datei.

VOm prinzip klappt auch alles ganz gut. Blos wenn ich es online stelle merke ich, das immer beim überfahren der Menu-Buttons die Bilder neu geladen werden.

Das erzeugt natürlich mega traffik und macht das Menu kaputt.
Gerade bei langsameren Verbindungen ist das zu K...

Ist das normal oder mache ich irgendwas falsch ?

Probiert hab ich es bis jetzt mit dem IE. vielleicht ist das der grund ?

Thanks for your Help ;-)
Martin

###########################################
hier mal ein Auszug aus der CSS datei

a.nav:link {
display : block;
color : #f5f5f5;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-weight : normal;
text-align : left;
text-indent : 15pt;
line-height : 15pt;
text-decoration : none;
background-image : url(/okj/bilder/nav/nav0.gif);
background-repeat : no-repeat;
background-position : 0% 50%;
}
a.nav:visited {
display : block;
color : #778899;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-style : normal;
font-weight : normal;
text-align : left;
text-indent : 15pt;
line-height : 15pt;
text-decoration : none;
background-image : url(/okj/bilder/nav/nav0.gif);
background-repeat : no-repeat;
background-position : 0% 50%;
}
a.nav:hover {
display : block;
color : #ff6633;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-style : normal;
font-weight : bold;
text-align : left;
text-indent : 15pt;
line-height : 15pt;
text-decoration : none;
background-image : url(/okj/bilder/nav/nav1.gif);
background-repeat : no-repeat;
background-position : 0% 50%;
}
a.nav:active {
display : block;
color : #f5f5f5;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10pt;
font-style : normal;
font-weight : normal;
text-align : left;
text-indent : 15pt;
line-height : 15pt;
text-decoration : none;
background-image : url(/okj/bilder/nav/nav0.gif);
background-repeat : no-repeat;
background-position : 0% 50%;
}

####################################
und hier die html

<td width="135" height="505" valign="top">
     <a class="nav" href="/okj/">Willkommen</a>
     <a class="nav" href="/okj/Aktuelles/">Aktuelles</a>
     <a class="nav" href="/okj/Organisation/">Hintergründe</a>
     <a class="nav" href="/okj/Verein/">Verein</a>
     <a class="nav" href="/okj/ImSender/">Im Sender</a>
     <a class="nav1" href="/okj/Kontakt/">Kontakt</a>
     <a class="nav1" href="/okj/Programm/">Programm</a>
     <a class="nav1" href="#">RABATZ</a>
     <a class="nav1" href="/okj/Links">Links</a>
     <a class="nav2" href="#">Forum</a>
     <a class="nav2" href="#">Lives</a>
</td>