[Rasenkantenstein]

Hallo!

Ich habe weiterhin ein kleines Rätsel auf meiner Seite Fotos, Reisen und Unsinn!

Zuerst einmal der Quelltext, um den es sich handelt...

<div id="nav">
<ul>
  <li> <div class="page_item"><a href="http://www.volke.biz" title="Home">Startseite</a></div></li>
  <li> <div class="page_item"><a href="../wbb/index.php" title="Forum">Forum</a></div></li>
  <li> <div class="page_item"><a href="../g2/main.php" title="Fotos">Fotos</a></div></li>
  <li> <div class="page_item"><a href="../wp/index.php?cat=3" title="Reiseberichte">Reiseberichte</a> </div></li>
  <li> <div class="page_item"><a href="../wp/index.php?cat=4" title="Alltagsgeschichten">Alltagsgeschichten</a></div></li>
  <li> <div class="page_item"><a href="#" title="Tipps anzeigen">Tipps</a></div>
   <ul>
   <li><a href="../wp/index.php?cat=5" title="Fundstück">Netzfundstück</a></li>
   <li><a href="../wp/index.php?cat=20" title="Fundstück">Tipps für den Alltag</a></li>
   <li><a href="../wp/index.php?cat=36" title="Fundstück">Filmtipps</a></li>
   </ul>
  </li>
    </ul>

</div> 

Und nun noch das dazugehörige CSS:

#nav {
        
    list-style: none;
    margin: 0 40px 0 0;
    position: absolute;
    float: center;
    top: 130px;    
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
width: 50em;
}




#nav li {
list-style: none;
    float: left;
    margin-left: 5px;
}
#nav .current_page_item a, #nav .current_page_item a:visited{
    color: #333333;
         background: #CD440A;
    text-decoration: none;
}
#nav .page_item a{
    color: #333333;
        background: #CD440A;
    text-decoration: none;
    padding: 5px 10px;
    font: bold 10px/100% Arial, Helvetica, sans-serif;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    display: block;
}

#nav .page_item a:hover {
    color: #fff;
         background: #333333;
}

#nav li {position: relative;}

#nav ul ul {
position: absolute;
z-index: 500;
}

#nav ul ul a {
 color: #333333;
        background: #CD440A;
    text-decoration: none;
    padding: 5px 10px;
    font: bold 10px/100% Arial, Helvetica, sans-serif;
    border: 1px solid #333;
    display: block;
}

#nav ul ul a:hover {
color: #fff;
background: #333333;
}

#nav ul ul ul {
position: absolute;
top: 0;
left: 100%;
}


div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}

Ich habe das nach einem englischsprachigen Tutorial gemacht, aber offensichtlich haperte es ein wenig

Folgendes Problem im FF:

Unter dem Menüpunkt "Tipps" soll ein Pop-Down-Menü erscheinen. Tut es auch... Jedoch in horizontaler Ausrichtung. Ich hätte es gerne vertikal - nur wie?

Wenn ich das rausgefunden habe, versuche ich dann nochmal beim IE herumzudoktern...


Vielen Dank (viel Text, kleine Frage schon mal im Voraus!


Konst