Enrico: css-Navigationsleiste wird nicht korrekt ausgegeben

Beitrag lesen

Hallo,

ich möchte am unteren Rand eines flexibel ausgerichteten div-Bereiches eine Navigationsleiste einbinden.

Allerdings musste ich feststellen, dass die Navigationsleiste zum einen aber am rechten Rand ausgerichtet wird und sich zum anderen alle Textlinks rechtsbündig überlagern.

Dieses Verhalten kann ich nicht nachvollziehen.

Alle sonstigen div-Bereiche werden korrekt und wie von mir beabsichtigt angezeigt, lediglich der Menü-div nicht.

Hier der entsprechende Code, einen Link kann ich euch leider nicht anbieten, weil ich die Homepage lokal entwerfe und mir erst noch einen Provider suchen muss.

---
css
---

#Container_Mitte
   {
      bottom: 0px;
      left:   15%;
      right:  15%;
      top:    0px;
   }

#Container_Menuepunkte
   {
      bottom: 0px;
      clear:  both;
      height: 39px;
      left:   0px;
      width:  100%;
   }

#Menuepunkte
   {
      float:      left;
      padding:    0px;
      list-style: none;
   }

#Menuepunkte li
   {
      float: left;
   }

#Menuepunkte li a
   {
      display:         block;
      padding:         5px;
      text-decoration: none;
   }

#Menuepunkte li a:hover
   {
      /* Definitionen folgen */
   }

----
html
----

<div id="Container_Mitte">

[...weitere div-Bereiche...]

<div id="Container_Menuepunkte">
         <ul id="Menuepunkte">
            <li><a href="#">Neuigkeiten</a></li>
            <li><a href="#">Vereinsheim</a></li>
            <li><a href="#">Mitglieder</a></li>
            <li><a href="#">Kontakt</a></li>
            <li><a href="#">Gaestebuch</a></li>
            <li><a href="#">Spielplan</a></li>
            <li><a href="#">Erfolge</a></li>
            <li><a href="#">Links</a></li>
            <li><a href="#">Rechtliches</a></li>
         </ul>
      </div>

</div>

Ich hoffe, ihr könnt mir bei der Fehlersuche behilflich sein, die mich nun seit ca. einer halben Stunde aufhält.

Danke für eure Unterstützung.

Gruß
Enrico