vertikale Navigation mit horizontalem Drop-Down-Menü?

[rizzoo]

Liebes Forum,

ich würde gerne eine Navigation haben, welche von der Grundanordnung ein vertikales Block Menü ist. Beim hover sollte dann (in der gleichen Zeile) ein horizontale Anordnung der weiterführenden Links kommen.
Ich will sozusagen ein horizontales Drop-Menü.
Ist das verständlich?

Müsste doh gehn.
Ich habs schon mit verschiedenene Tutorials probiert, aber ich bekomme es irgendwie nicht hin.

Vielleicht habt ihr ja ne Idee...

LG

R*


Hier meine Bastelei

Code: Alles auswählen

<style type="text/css">
#navigation
{
   width:150px;
   font-size:14px;
}

#navigation ul
{   
   margin:0px;
   padding:0px;
   background-color:#666;
}

#navigation ul li
{   
   height:25px;
   line-height:25px;
   list-style:none;
   padding-left:10px;

   color:#FFF;
   border-top:#fff solid;
   border-bottom:#fff solid;
   border-width:1px;
   cursor:pointer;
}

#navigation ul li:hover
{
   background-color:#F90;
   position:relative;
}

#navigation ul ul
{
   display:none;
   position:absolute;
   left:150px;
   top:0px;
   background-color:#999;
}

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

#navigation ul ul li {border:none; width:150px; float:left; display:inline; list-style:none}
#navigation ul ul li:hover {text-decoration:underline; border:none;}
</style>

[Azra]

So? http://www.cssplay.co.uk/menus/flyout2.html

Sieh dich mal hier um, da gibts etliche Beispiele:
http://www.cssplay.co.uk/menus/