Zeilenhöhe für horizontales Menü (Liste) anpassen

[Robert]

Hallo,

ich habe ein horizontales Menü mittels HTML-Liste und CSS-Formatierung erstellt. Mein Problem: Sowohl im Firefox (2.0.0.7) als auch im IE(6) erscheinen sowohl über als auch unter den Menüpunkten Abstände, die ich dort gern weg hätte. Zum besseren Verständnis der komplette Anwendungsfall:

• Zwei <div>-Container nebeneinander
• linker Container enthält Navigationspfad
• rechter Container enthält das Menü
• Problem: rechter Container wird durch die Abstände höher als linker Container, der einfach nur Text (keine Liste) enthält und daher die Höhe des Textes annimmt.

CSS:
#navpath {
  font-size:0.8em;
  margin:0 0 0.5em 0;
  width: 50%;
  padding: 0;
  border:1px solid green;
  float:left;
}

#topmenu {
  font-size:0.8em;
  margin:0 0 0.5em 50%;
  padding: 0;
  text-align:right;
  border:1px solid blue;
}

HTML:
<div id="navpath">Home // Seite 1 // Seite 1.1</div>
<div id="topmenu">
  <ul class="menu-top">
    <li>Punkt 1</li>
    <li>Punkt 2</li>
    <li>Punkt 3</li>
  </ul>
</div>