Dropdownmenü mit CSS

[Sebastian]

Hallo Gemeinde!

Habe ein kleines Problem mit der Darstellung eines Stylesheets im Firefox bzw. IE7.

Ich möchte eine Dropdownnavigation erstellen und bin so vorgegangen:

CSS-FILE (Auszug):

#navi li {
  float:bottom;
  list-style: none;
}

#navi ul li{
  z-index: 3;
  position:absolute;
  border: 1px solid #000000;
  background-color: #ffffff;
  padding: 2px 5px;
}

#navi li ul {
  display:none;
}

#navi li:hover ul {
  display:block;
}

HTML-FILE (Auszug):

<ul id="navi">
 <li>
  <b>Ansicht</b>
 </li>
  <ul>
   <li>
    <a href="#">link</a>
   </li>
  </ul>
</ul>

Das ganze klappt einwandfrei im IE7. Hat jemand nen Tipp wie ich das auch im Firefox oder Opera zum laufen bekommen?

Gruß Sebastian

[Antipitch]

Hi Sebastian,

wenn du IE was "Richtiges" siehst, ist das purer Zufall.

Nur Paar Punkte:
1. float:bottom gibts nicht (none, left oder right sind möglich)
2. float ist nicht anwendbar auf positionierte Elemente
3. Internet Explorer kennt :hover nur für <a> Elemente

etc.

Vielleicht doch hier http://de.selfhtml.org/css/layouts/navigationsleisten.htm nochmal durcharbeiten?

Gruß
Antipitch