CSS Menü için gerekli kodlar

HTML KODLARI

<div id="subMenuContainer">XYZ
<ul id="rankSubMenu">
<li class="ranksSubmenuItem"><a href="#" id="A">AAA</a></li>
<li class="ranksSubmenuItem"><a href="#" id="B">BBB</a></li>
<li class="ranksSubmenuItem"><a href="#" id="C">CCC</a></li>
</ul>
</div>

CSS KODLARI

#rankSubMenu {
position:relative;
list-style-type:none;
margin:0;
display:none;
}

#subMenuContainer:hover #rankSubMenu {
display:block;
}

.ranksSubmenuItem {
position:relative;
list-style-type:none;
padding:10px 0;
}

.ranksSubmenuItem a {
display:block;
height:100%;
text-decoration:none;
}

.ranksSubmenuItem:hover a {
text-decoration:underline;
}