Reitermenü mit CSS

[markusschmitt]

Ich versuch mich seit 2 Stunden an einem Reitermenü, bekomm es allerdings nicht. Das Menü sollte so ähnlich ausschauen wie auf z.B. auf http://de.wikipedia.org/wiki/Tegmentum oben "Artiekl", "Diskussion" usw. Mein Hauptproblem besteht darin, dass die Linien wenn man z.B. die Browserschrift vergrößert oder verkleinert nicht mehr aufeinander liegen. Find bei Wikipedia leider auch nicht die Stelle im CSS Code bzw. ist der Code etwas unübersichtlich.

Mein bisheriger Code bsp: : http://www.wohn.mi-ernst.de/de/index.html

#tabmenue {
  padding: 3px;
  border-bottom: 1px solid #222; 
}
#tabmenue li {
  display: inline; 
}
#tabmenue li a {
  padding: 3px 1em 1px;
  margin-left: 3px;
  border: 1px solid #777;
  border-bottom: 0;
  text-decoration: none; 
}
#tabmenue li a#aktuell {
  padding-bottom: 4px; 
  border-bottom: 1px solid #fc0;
}

im HTML Code:

<ul id="tabmenue">
  <li><a id="aktuell" href="#">Seite 1</a></li>
  <li><a href="#">Seite 2</a></li>
  <li><a href="#">Seite 3</a></li>
  <li><a href="#">Seite 4</a></li>
</ul>

MfG Markus

[Wurzel]

schau dich hier mal um:
http://www.alistapart.com/articles/taminglists/
http://www.alistapart.com/articles/slidingdoors/
http://www.alistapart.com/articles/slidingdoors2/

[markusschmitt]

Danke, hat weitergeholfen, jetzt muss ichs noch anpassen!

MfG Markus