Menu.

ik heb voor mijn menu het volgende:

#menubalk a, a:visited, a:active{
    color:#000;
    text-align: center;
}
#menubalk a:hover{
    background-color:#c9c9c9;
    margin-top:-17px;
    padding-top: 17px;
    height: 44px;
    text-align: center;
}
#menubalk ul {
    display: block;
    list-style:none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#menubalk ul li a {
    display:block;
    padding: 0 10px 0 10px;
    text-decoration: none;
    text-align: center;
    float: left;
}
#menubalk ul li ul{
    --------------------------------------------------------------------------- 1
    display:none;
}
#menubalk ul li:hover ul{
    display:block;
}
#menubalk ul li:hover ul li ul{
    display:none;
}
#menubalk ul li:hover ul li:hover ul{
    display:block;
}

Nu wil ik bij 1 ervoor zorgen dat de dropdown naar beneden gaat en niet opzij
wie kan helpen?

Heb je een live voorbeeldje?

Ik heb namelijk wel een idee, maar moet even kijken of het ook echt werkt.

komt door die float: left; in menubalk ul li a
dan zou ik idd ook het voorbeeld moeten zien om te kijken hoe je dat het beste kan oplossen

Ik stuur je een PB omdat het de gehele (nieuwe) site is