Listenelement nimmt CSS Befehle nicht an...

[Lukas]

Hallöchen!

Habe 2 Listen nacheinnander wobei die erste Liste die beinhalteten Elemente anders darstellen soll - jedoch passiert da leider nicht viel.

Ich nehme mal an, dass das an dem Vorangegangen DIV Tag liegt - wie kan ich das umgehen?!?

Liebe Grüße

Lukas

CSS (gekürzt):
#navigation {
width:150px;
height:399px;
float:left;
text-align:left;
margin:0px;
padding:0px;
}

#navtop {
 background-image:url(Bilder/NavHG.gif);
 background-repeat:no-repeat;
 width:150px;
 height:299px;
 }

#navtop ul {
  list-style-type:disc;
  padding:10px;
  margin:0px;
  }

#navtop ul li {
   padding:10px;
   margin:0px;
   }

#navtop ul li a {
   color:#000000;
   text-decoration:none;
   font-size:medium;
   font-weight:bold;
   }
   #navtop ul li a:hover {
   color:#FFFFFF;
   text-decoration:none;
   }

#navigation ul {
 list-style-type:none;
 padding:0px;
 margin:0px;
 }

#navigation ul li {
  display:block;
  padding:0px;
  margin:0px;
  }

#navigation ul li a {
  color:#FFFFFF;
  text-decoration:none;
  font-size:small;
  font-weight:bold;
  background-repeat:no-repeat;
  display:block;
  }
  #navigation ul li a:hover {
  color:#000000;
  text-decoration:none;
  }

li #kontakt {
   background-image:url(Bilder/Kontakt.gif);
   width:150px;
   height:25px;
   }

li #buchen {
   background-image:url(Bilder/Buchen.gif);
   width:150px;
   height:25px;
   }

li #bestellen {
   background-image:url(Bilder/Bestellen.gif);
   width:150px;
   height:25px;
   }

li #lehrer {
   background-image:url(Bilder/Lehrer.gif);
   width:150px;
   height:25px;
   }

-------------------------------------------------------------------
HTML (gekürzt):
<div id="navigation">
  <ul id="navtop">
   <li><a href="#">test1</a></li>
   <li><a href="#">test2</a></li>
   <li><a href="#">test3</a></li>
   <li><a href="#">test4</a></li>
   <li><a href="#">test5</a></li>
   <li><a href="#">test6</a></li>
  </ul>
  <ul>
   <li><a href="#" id="kontakt" title="Kontakt / Info">Kontakt / Info</a></li>
   <li><a href="#" id="buchen" title="Online Buchen">Online Buchen</a></li>
   <li><a href="#" id="bestellen" title="Broschüre bestellen">Broschüre bestellen</a></li>
   <li><a href="#" id="lehrer" title="Für Lehrer/innen">Für Lehrer/innen</a></li>
  </ul>
 </div>