HTML Kodları:



CSS Kodları:

.menü{
margin:0px;
padding:0px;
list-style:none;
position:relative;
top:25px;
left:35px;
}
.menü li{
display:inline;
margin-left:30px;
}
.menü li a{
text-decoration:none;
color:#5380b7;
font-family:"Times New Roman", Times, serif;
}
.menü li a:hover{
border-bottom-style:solid;
border-bottom-color:#3671b7;
border-bottom-width:4px;
border-bottom-radius:3px;
padding-bottom:7px;
color:#2b6ab5;
}

Arkadaşlar yukarıda HTML ve CSS kodlarını yazdığım menünün Hakkında kısmına açılır menü eklemek istiyorum. HTML bölümünü hallettim. Ama CSS'de yazdığımda diğer kısımların ayarları bozuluyor. CSS bölümünü yazamadım. Yatay açılır menü şeklinde, CSS kodlarında yardım edebilecek var mı ?

Şu ana kadar yaptığım:



Yapmak istediğim: