Hallo Forum

Ich habe in CS4 eine horizontale Navigation mit CSS erstellt. Es gibt den Balken mit dem Hauptmenu, danach das Unternemu 1 und im Untermenu 1 ein Untermenu 2. Das Problem ist nun, dass das Untermenu 2 sich nicht nach rechts verschiebt, sondern unter dem Untermenu 1 bleibt, so dass die weiteren Links verdeckt werden. Wie kann ich das anpassen?

So sieht mein CSS für die Navigation aus:

#navigation {
width: 780px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#navigation ul {
padding: 0px;
margin: 0px;
}
#navigation ul:after {
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
}
#navigation ul,nav ul li{
background-color: #FC3;
color: #5A5046;
}

#navigation a:hover{
background-color: #5A5046;
color: #FC3;
}
#navigation ul li {
list-style: none;
float:left;
}
#navigation ul li a {
text-decoration: none;
display: block;
color: #5A5046;
padding-top: 10px;
padding-right: 25px;
padding-bottom: 10px;
padding-left: 25px;
}
#navigation ul li:hover > ul {
visibility: visible;
}
#navigation ul li ul{
display: inline;
visibility: hidden;
position: absolute;
padding: 0px;
}
#navigation ul li ul li{
float: none;
}

#navigation ul li ul li a:hover{
color: #FC3;
background-color: #5A5046;

Danke für Eure Hilfe.
Jade