Navigation mit vertikalen und horizontalen Ebenen

[Adriana Mikolaskova Nautsch]

Hallo,

ich versuche vergeblich, drei ineinanderverschachtelte Listen (drei Ebenen) folgendermassen darzustellen:
Die Ebene 1 und Ebene 2 sind vertikal dargestellt, wobei Ebene 2 auch in der Darstellung in Ebene 1 verschachtelt ist.
Die Ebene 3 sollte horizontal angeordnet sein.
Habe das li-Element der Ebene3 mit "float:left;" formatiert, aber das funktioniert nicht.Die Liste bleibt vertikal. (display:inline hat auch nicht funktioniert)
Könnte mir bitte jemand einen Hinweis geben, was ich falsch mache?

So sehen die styles aus, die ich verwendet habe:

  
   /*Navigation */  
  
   ul#navigation{  
  
   list-style-type:none;  
  
   position:absolute;  
   top:30px;  
   left:30px;  
   margin-top:20px;  
   }  
  
   ul#navigation li{  
   list-style-type:none;  
   }  
  
  
   /*Navigation 2.Ebene(submenus)*/  
   ul#navigation li ul{  
  
   color:#ff0000;  
   position:static;  
  
   left:100px;  
  
   }  
  
   ul#navigation li ul li{  
   clear:both;  
  
  
   }  
   /*Navigation 3.Ebene (subsubmenus)*/  
  
   ul#navigation li ul li ul{  
   color:#00ff00;  
   position:absolute;  
   top:-30px;  
   left:300px;  
   }  
  
   ul#navigation li ul li ul li{  
   float:left;  
   }  

Danke und Gruss

Adriana Mikolaskova Nautsch