selam arkadaşlar bu vermiş olduğum kodlara açılır menüyü nasıl ekleyebilirim acaba

Örneğin Web Hosing linkine geldikleri zaman Linux Hosting Windows hosting gibi aşşağı doğru sıralanacak tşk şimdiden yardımcı olacaklara.

php eklediğim kod

<ul id="menu">
<li><a href="{$vurl}">Ana Sayfa</a></li>
<li><a href="{$vurl}alan-adi-hizmetleri.html">Alan Adı</a></li>
<li><a href="{$vurl}linux-web-hosting.html">Web Hosting</a></li>
<li><a href="{$vurl}sozlesme.html">Sözleşme</a></li>
<li><a href="{$vurl}iletisim.html">İletişim</a></li>
</ul>

css de olan kod.

#menu { 
        background-color: #C9C299; 
    padding: 1px; 
    list-style-type: none; 
        text-align: center; 
} 
#menu li { 
    display: inline-block; 
    width: 190px; 
    position: relative; 
} 
#menu a { 
    font-family: Arial; 
    font-size: 15px; 
    color: #FFF; 
    text-decoration: none; 
    background-color: #314c5f; 
    display: block; 
        padding-top: 5px; 
    padding-right: 5px; 
    border: 1px solid #9fb2bc; 
    text-align: center; 
    line-height: 30px; 
        margin-right: 0px; 
        border-radius:5px; 
    <!--border-radius:5px;  İstenilirse menünün kenarları yuvarlak yapılabilir--> 
} 
#menu a:hover { 
    background-color: #273c4c; 
    color:#98a5af; 
}