orchid: Mouseover klappt nicht wie gewünscht

Beitrag lesen

Hallo alle zusammen.

Vorneweg: Ich bin Anfänger.

Ich habe eine Navigationsleiste im linken Frame Bereich. Hierfür möchte ich für jeden Link(an der Zahl 10)einen Mouseover Effect realisieren. Die entsprechenden Grafken habe ich schon. Es sind die selben, die ich für die Links verwendet habe, nur in einer anderen Farbe. Die Grafiken sind auch schon entsprechend beschriftet.

Wie soll ich nun das Problem beschreiben?
Es erscheint plötzlich eine doppelte Linkgrafik neben dem Hauptlink. Wenn ich über den Hauptlink "hovere" wechselt die grafik in dem duplizierten Link rechts daneben. Die Hover Grafik soll aber unter dem Hauptlink liegen.
Ich hoffe ihr versteht was ich meine.

Hier mein Codeauszug:

  
  
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
  
<head>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<title>Navigation</title>  
</head>  
  
<body bgcolor="#172262">  
<p style= "margin-top: 1cm"></p>  
  
<a href="Willkommen.htm" target="Hauptfenster"  
onmouseover="document.NAME.src='button1.png'"  
onmouseout ="document.NAME.src='orange1.png'"><img src="orange1.png" border="0" alt="bild.jpg"><img name=NAME src='orange1.png'></a>  
  
<p></p>  
<a href="Ueber%20uns.htm" target="Hauptfenster"><img src="orange2.png" border="0" alt="bild.jpg"></a>  
<p></p>  
<a href="Unser%20Haus.htm" target="Hauptfenster"><img src="orange3.png" border="0" alt="bild.jpg"></a>  
<p></p>  
<a href="Anfahrt.htm" target="Hauptfenster"><img src="orange4.png" border="0"   alt="bild.jpg"></a>  
<p></p>  
<a href= Aktuelles.htm target="Hauptfenster"><img src="orange5.png" border="0" alt="bild.jpg"></a>  
usw.  
  
</body>  
  
</html>  

Und wie bekomme ich das Ganze für alle 10 Links gelöst, deren Bilder ja alle verschiedene Dateinamen haben?
Sollten noch Verständnis Probleme aufgrund meiner Schilderung sein, bitte ich um konkrete Fragen.

Danke schon mal.