طراحی منو Drop Down

[dev iman]

سلام خسته نباشید
من می خواستم یک روشی، یک کد آماده‌ای یا یک نمونه از منوی سایت هاست ایران رو به من معرفی کنید.
در کل می خوام بدونم این تیریپ منو ها چجوری ایجاد میشن؟
http://hostiran.net
خیلی ممنون می شم اگه کمکم کنید. باتشکر

[siros1983]

بفرمایید


<ul id="menu">
<li><a href="#">خانه</a></li>
<li><a href="#">کارهای ما</a></li>
<li><a href="#">درباره ما</a></li>
<li><a href="#">ارتباط با ما</a></li>
</ul>



کد css
نمیدونم چرا توی اینطوری میفتن ولی شما کپی کنین کار میکنه

body{
direction:rtl;

}

ul#menu{
width:80%;
height:37px;
font-size:15px;
padding:0;
margin:0 auto;
list-style-type:none;
background-color:gray;
font-weight:800;
border-bottom:4px solid red;
border-top:2px solid yellow;

}

ul#menu li{
padding:0;
margin:0;
display:inline-block;
}

ul#menu li a{
display:inline-block;
color:blue;
text-decoration:none;
padding:12px 20% 0 20px;
height:25px;
background-color:darkgray;
}

ul#menu li a:hover{
background-color:snow;
}