Navigatie balk

Ik ben bezig met een site waar ik een navigatie blak bovenaan heb. Nu wil ik daar een list voor gebruiken, maar welke code hebv ik nodig omdat netjes naast elkaar te krijgen en dat ik eventueel nog een droptdown kan toevoegen.

Bvd, Jim

Op 'A List Apart' is precies beschreven hoe dat werkt: http://www.alistapart.com/articles/dropdowns/

yup :) het is eigenlijk alleen CSS, maar omdat we IE hebben ook nog wat javascript ;)

Heel vreemd, ik krijg bij een andere site een heel vaag uiterlijk in me navbar. Hoe maak ik dat goed? met list naast elkaar, hoogte 40 px breedte automatisch dus niet hele pagina breed en text verticaal en horizontaal in het midden en in elke browser werkend. Hier code:

CSS:

[code:1:ad74ed3f5f]#navbar ul {
list-style-type: none;
margin:0;
padding:0;
display: inline;
}
#navbar li {
display: block;
vertical-align: middle;
height: 40px;
padding-top: 12px;
padding-right: 9px;
padding-bottom: 12px;
padding-left: 9px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
width: auto;
line-height: 40px;
}
#navbar li a:link, a:active {
display: block;
vertical-align: middle;
height: 40px;
padding-top: 12px;
padding-right: 9px;
padding-bottom: 12px;
padding-left: 9px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
width: auto;
color: #FFFFFF;
text-decoration: none;
line-height: 40px;
}
#navbar li a:visited {
display: block;
vertical-align: middle;
height: 40px;
padding-top: 12px;
padding-right: 9px;
padding-bottom: 12px;
padding-left: 9px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
width: auto;
color: #FFFFFF;
text-decoration: none;
line-height: 40px;
}
#navbar li a:hover {
display: block;
vertical-align: middle;
height: 40px;
padding-top: 12px;
padding-right: 9px;
padding-bottom: 12px;
padding-left: 9px;
list-style-position: inside;
list-style-image: none;
list-style-type: none;
width: auto;
color: #FFFFFF;
text-decoration: none;
background-color: #56BC00;
line-height: 40px;
}[/code:1:ad74ed3f5f]