<ul class='dd_menu'> <li><a href='#'>Anasayfa</a> </li> <li><a href='#'>Hakkimizda</a> </li> <li><a href='#'>Iletisim</a> </li> <li><a href='#'>Reklam Ver</a> </li> <li><a href='#'>Arsivimiz</a> </li> <li><a href='#'>Destek Ol</a> </li> </ul>
.dd_menu {background:silver; padding:0px; margin:0; list-style-type:none; height:30px;} .dd_menu li {float:left; height:30px; border-right: solid 1px white;} .dd_menu li a {padding:9px 20px; display:block; color:#fff; text-decoration:none; font:12px arial, verdana, sans-serif; font-weight: bold;} .dd_menu li:hover a {text-decoration:underline;} .dd_menu ul {position:absolute; left:-9999px; top:-9999px; list-style-type:none;} .dd_menu li:hover {position:relative; background:orange;} .dd_menu li:hover ul {left:0px; top:30px; background:lavender; padding:3px; border:1px solid grey; width:160px;} .dd_menu li:hover ul li {height:18px; border:none;} .dd_menu li:hover ul li a {height:18px; padding:0px; display:block; font-size:11px; width:158px; line-height:18px; text-indent:5px; color:#444; background-color:lavender; text-decoration:none; border:1px solid transparent;} .dd_menu li:hover ul li a:hover {height:18px; background:silver; color:#000; border:solid 1px #444;}
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;