[~Chiller~]

Ich habe ein Problem beim programmieren einer dynamischen Navigationsleiste.
Und zwar sind die dynamisch eingeblendeten Unterpunkte eine Zeile zu weit unten.
Ich stelle einfach mal den Link zu der Testseite und den dazugehörigen Quellcodeauszug rein und hoffe dass jemand eine Idee hat

*klick*

   #fixiert_Navigation {
	  position: absolute;
	  top: 5em; left: 1em;
	  border: 1px solid white;
	  z-index:2;
   }

   #Navigation {
	  width: 10em;
	  margin: 0; padding: 0.4em;
	  font-size:14px;
   }
   * html ul#Navigation {  /* Korrekturen fuer IE 5.x */
	  width: 11.6em;
	  width: 10em;
	  padding-left: 0;
	  padding-left: 0.4em;
	  font-size:14px;
   }
   #Navigation li {
	  position: relativ;
	  list-style: none;
	  margin: 0.4em; padding: 0;
   }
	 #Navigation li ul {
		  position: absolute;
	  left: 7.2em;
	 }
   #navigation ul {
	  display: none;
   }
   #navigation li:hover ul {
	  display: block;
   }
   #Navigation a, #Navigation span, #Navigation h2 {
	  display:block;
	  padding: 0.2em;
	  text-decoration: none; font-weight: bold;
	  border: 1px solid white;
	  border-left-color: white; border-top-color: white;
	  color: black; background-color: white;
	}
   * html #Navigation a, * html #Navigation span, * html #Navigation h2 {
	  width: 100%;	/* Breitenangabe fuer IE 5.x */
	  width: 8.8em;  /* Breitenangabe fuer IE 6 */
   }
   #Navigation a:hover, ul#Navigation span {
	  border-color: white;
	  border-left-color: black; border-top-color: white;
	  color: black; background-color: white;
   }
   #Navigation h2 {
	  font-size: 14px;
	  margin: 1.1em 0 0;
	  border-color: white;
	  color: black; background-color: white;
   }

<div id="fixiert_Navigation">
   <ul id="Navigation">
	  <li><a href="homepage.php">Home</a></li>

	  <li><a href="#">Rubrik 1</a>
		 <ul>
			<li><a href="#Beispiel">Beispiel</a></li>
			<li><a href="#Beispiel">Beispiel</a></li>
			<li><a href="#Beispiel">Beispiel</a></li>
		 </ul>
	  </li>

	  <li><a href="#">Rubrik 2</a>
		 <ul>
			<li><a href="#Beispiel">Beispiel</a></li>
			<li><a href="#Beispiel">Beispiel</a></li>
			<li><a href="#Beispiel">Beispiel</a></li>
		 </ul>
	  </li>

	  <li><a href="#">Rubrik 3</a>
		 <ul>
			<li><a href="#Beispiel">Beispiel</a></li>
			<li><a href="#Beispiel">Beispiel</a></li>
			<li><a href="#Beispiel">Beispiel</a></li>
			<li><a href="#Beispiel">Beispiel</a></li>
		 </ul>
	  </li>
   </ul>
</div>

Hilfe