Mirko: Grafiken werden nicht angezeigt

Hallo Freunde,
sorry zunächst mal, wenn die Frage schon mal hier gestellt wurde. Konnte hier leider nichts finden. Liegt vielleicht daran, daß ich blutiger Anfänger bin.

Ich möchte eine mehrspaltige Seite erstellen. Die Navigationsfelder enhalten Grafiken. Allerdings wird mir bei der Vorschau/Ansicht nur die Grafik des ersten Navigationsfeldes angezeigt. Woran mag das liegen?

HDer Style sieht im Moment so aus:

ul#Navigation {
    font-size: 0.83em;
    float: left; width: 200px;
    margin: 0 0 1.2em; padding: 0;
  }
  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: black; background-color: white;
  }
  ul#Navigation a:visited {
    color: #666; background-color: white;
  }
  ul#Navigation a:hover {
    color: black; background-color: #eee;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
  }

Hier dann der Teil des Bodys:
 <ul id="Navigation">
    <li><a href="index.html" target="left"><img src="images/kugel-01.gif" width="20" height="20" border="0"> Startseite</a></li>
    <li><a href="xxx1.html" target="left"><img src="images/kugel-01.gif width="20" height="20" border="0"> über Uns</a></li>
    <li><a><img src="images/kugel-03.gif width="20" height="20" border="0"> unsere Preise</a></li>
      <ul>
 <li><a href="xxx2a.html">Getränke</a></li>
     <li><a href="xxx2b.html">Speisen</a></li>
      </ul>
    <li><a href="xxx3.html" target="right"><img src="images/kugel-04.gif width="20" height="20" border="0"> Bilder</a></li>
    <li><a href="xxx4.html" target="right"><img src="images/kugel-05.gif width="20" height="20" border="0"> Anfahrt</a></li>
    <li><a href="xxx5.html" target="right"><img src="images/kugel-06.gif width="20" height="20" border="0"> Kontakt</a></li>
    <li><a href="xxx6.html" target="right"><img src="images/kugel-07.gif width="20" height="20" border="0"> Aktuelles</a></li>
    <li><a href="xxx7.html" target="right"><img src="images/kugel-08.gif width="20" height="20" border="0"> Gästebuch</a></li>
    <li><a href="xxx8.html" target="right"><img src="images/kugel-09.gif width="20" height="20" border="0"> Impressum</a></li>
  </ul>

Die eingebunden img-Dateien sind verschiedene Billardkugeln. Es wird aber nur die erste Billardkugel in der Navigation gezeigt in den anderen Feldern habe ich lediglich einen Platzhalter. (habe bislang alles nur lokal, da ich noch ganz am Anfang mit der Seitenerstellung bin)

  1. Sorry Leute, ich habe hier die Ausführungszeichen bei der Grafikangabe vergessen, Bitte vergeßt die Anfrage. Muß wohl mal meine Brille putzen.