<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.menum ul
		{
			margin: 0;
			padding: 0;
			list-style: none;
			width: 150px;
			border-bottom:1px solid #000;  
		}
		.menum li
		{
			position: relative;
		}
		.menum li ul
		{
			position: absolute;
			list-style: none;
			left: 149px;
			width: 150px;
			display: none;
			top: 0;
		}
		.menum li a
		{
			display: block;
			text-decoration: none;
			background-color: #9cf;
			color: #000;
			font: bold 13px Verdana;
			padding: 5px;
			border:1px solid #000;
			border-bottom:0; 
		}
		.menum li a:hover
		{
			background-color: #012D58;
			color: #FF0;
		}
		.menum li:hover ul
		{
			display: block;
		}
		* html ul li
		{
			float: left;
			height: 1%;
		}
		* html ul li a
		{
			height: 1%;
		}
	</style>
<body>
	<div class="menum">
		<ul>
			<li><a href="#">ANASAYFA</a></li>
			<li><a href="#">HAKKIMIZDA</a></li>
			<li><a href="#">ŞİRKET TARİHÇESİ</a>
			<ul>
				<li><a href="#">YÖNETİCİLERİMİZ</a></li>
				<li><a href="#">ÇALIŞANLARIMIZ</a></li>
				<li><a href="#">FAALİYETLERİMİZ</a></li>
			</ul>
			<li><a href="#">HİZMETLERİMİZ</a>
			<ul>
				<li><a href="#">WEB TASARIM</a></li>
				<li><a href="#">HOSTING</a></li>
				<li><a href="#">LOGO TASARIM</a></li>
				<li><a href="#">DANIŞMANLIK</a></li>
			</ul>
			<li><a href="#">REFERANSLARIMIZ</a></li>
			<li><a href="#">İLETİŞİM</a></li>
		</ul>
	</div>
</body>
</html>