Drop Down Menü - Neues Menü mit Unterpunkten erstellen

Hallo,
Ich stehe mal wieder aufm Schlauch^^

ul#navigation{
position: absolute;
margin-left: 250px;
margin-top: 5px;
}


ul#navigation
{
    color:#FFF;
    text-decoration: underline;
    font-weight: bold;
}


ul#navigation li
{
    float: left;
    position: relative;
    height: 25px;
    width: 150px;
    list-style-type: none;
    background-color: #DF0101;
    margin: auto;
    
}


ul#navigation li:hover
{
   background-color: #000;
}


ul#navigation li ul
{
    position: absolute;
    top: 25px;
    left: 28px;
    margin-left: -68px;
    
}


ul#navigation li ul li
{
    display: block;
    float: none;
    width: 150px;
    background-color: #000;
    border-top: solid 1px #000;
    height: 34px;
    }


    
    ul#navigation li ul li
    {
    background-color: #FF0040;
    }
    
ul#navigation li>ul
{
    display: none;
}


ul#navigation li:hover>ul
{
    display: block;
}

Ich möchte jetzt noch einen dritten Menüpunkt einfügen, ich habe schon bisschen gerätzelt doch ich bekomme es einfach nicht hin :frowning:

Danke für eure Hilfe!!

Gruß

Den fügt man im HTML-Code ein, nicht im CSS.

Habs geklärt danke :wink: