Vertical NavBar Multiple levels

HTML & CSS
1

So, I want to make a vertical nav bar that has 3 levels main level sub level and then a sub of a sub level, I can’t figure it out. Any help would be appreciated.

2

Let me reiterate it, I have the coding and all, but my navbar is horizontal I need it vertical what would I change in my CSS code?
CSS code:
ul#navMenu {
padding:0px;
margin:0px;
width:420px;
list-style:none;
position:relative
}

ul#navMenu ul {
position:absolute;
left:100%;
top:0;
display:none;
padding:0px;
margin:0px
}

ul#navMenu li {
display:inline;
float:bottom;
position:relative
}

ul#navMenu a {
text-decoration:none;
padding:10px 0px;
width:100px;
background:#666666;
color:#ffffff;
float:bottom;
text-align:center;
border:1px solid #ffffff;
}

ul#navMenu a:hover {
background:#cccccc;
color:#333333
}
ul#navMenu li:hover ul {
display:block;
}

ul#navMenu ul a {
width:150px;
}

ul#navMenu ul li {
display:block;
margin:0px
}
ul#navMenu ul ul {
top:100%;left:0;
}

ul#navMenu li:hover ul ul {
display:none;
}

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

3

There are several examples and tutorials of how to accomplish this.

One such example is here: http://www.htmldog.com/articles/suckerfish/dropdowns/

The keyword(s) to use in searching for this would be something like “CSS dropdown menu”.

4

Why don’t you give this site a try. Looks like a good start.

http://www.overpie.com/css/articles/css-vertical-fly-out-menu

The key words are “fly-out menu”, in case you want to search for more choices.