Açılır Üst Menü

ul {
padding:0;
margin:0;
list-style:none;
width:100px;
}
li ul {
position: absolute;
left: 100px;
top: 0;
display: none;
}
ul li {
position: relative;
}

li:hover ul {
display: block;
}
ul li a {
display:block;
text-decoration:none;
background-color:#FFFF00;
padding:3px;
border:solid 1px #000000;
border-bottom:0;
}
a {
color: #FFFFFF;
}

<ul id="menu">
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a>
<ul>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
</ul>
<li><a href="#">Deneme</a>
<ul>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
</ul>
<li><a href="#">Deneme</a>
<ul>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
<li><a href="#">Deneme</a></li>
</ul>
</ul>

ul#menu li {
float:left;
position:relative;
width:150px;
}
ul#menu, ul#menu ul {
list-style:none;
margin:0;
padding:0;
}
ul#menu li ul {
display:none;
position:absolute;
top: 19px;
left: 0;
}
ul#menu li:hover ul {
display:block;
}
ul#menu li a {
font: bold 11px Verdana, Helvetica, sans-serif;
display: block;
border-width:1px;
border-style:double;
border-color:#000000;
margin:0;
padding:2px;
color:#FFFFFF;
background:#666666;
text-decoration:none;
}

<ul id="menu">
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkımızda</a>
<ul>
<li><a href="#">Şirketimizin Tarihi</a></li>
<li><a href="#">Yöneticilerimiz</a></li>
<li><a href="#">Çalışanlarımız</a></li>
<li><a href="#">Faaliyetlerimiz</a></li>
</ul>
</li>
<li><a href="#">Referanslarımız</a>
<ul>
<li><a href="#">Deneyimlerimiz</a></li>
<li><a href="#">Ne dediler?</a></li>
</ul>
<li><a href="#">Hizmetlerimiz</a></li>
<ul>
<li><a href="#">Web Tasarım</a></li>
<li><a href="#">Hosting</a></li>
<li><a href="#">Logo Tasarım</a></li>
<li><a href="#">Danışmanlık Hizmetimiz</a></li>
<li><a href="#">Diğer Hizmetler</a></li>
</ul>
</ul>