<style type="text/css"> 
/* this code is by www.avdhootblogger.com Main */ 
#menu{ 
width: 100%; 
margin: 0; 
padding: 10px 0 0 0; 
list-style: none;  
background: #111; 
background: -moz-linear-gradient(#444, #111);  
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); 
background: -webkit-linear-gradient(#444, #111);  
background: -o-linear-gradient(#444, #111); 
background: -ms-linear-gradient(#444, #111); 
background: linear-gradient(#444, #111); 
-moz-border-radius: 50px; 
border-radius: 50px; 
-moz-box-shadow: 0 2px 1px #9c9c9c; 
-webkit-box-shadow: 0 2px 1px #9c9c9c; 
box-shadow: 0 2px 1px #9c9c9c; 
} 
#menu li{ 
float: right; 
padding: 0 0 10px 0; 
position: relative; 
} 
#menu a{ 
float: left; 
height: 25px; 
padding: 0 25px; 
color: #999; 
text-transform: uppercase; 
font: bold 12px/25px Arial, Helvetica; 
text-decoration: none; 
text-shadow: 0 1px 0 #000; 
} 
#menu li:hover > a{ 
color: #fafafa; 
} 
*html #menu li a:hover{ /* IE6 */ 
color: #fafafa; 
} 
#menu li:hover > ul{ 
display: block; 
} 
/* Sub-menu */ 
#menu ul{ 
list-style: none; 
margin: 0; 
padding: 0;  
display: none; 
position: absolute; 
top: 35px; 
left: 0; 
z-index: 99999;  
background: #444; 
background: -moz-linear-gradient(#444, #111); 
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); 
background: -webkit-linear-gradient(#444, #111);  
background: -o-linear-gradient(#444, #111);  
background: -ms-linear-gradient(#444, #111);  
background: linear-gradient(#444, #111);  
-moz-border-radius: 5px; 
border-radius: 5px; 
} 
#menu ul li{ 
float: none; 
margin: 0; 
padding: 0; 
display: block;  
-moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
-webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
} 
#menu ul li:last-child{  
-moz-box-shadow: none; 
-webkit-box-shadow: none; 
box-shadow: none;  
} 
#menu ul a{  
padding: 10px; 
height: auto; 
line-height: 1; 
display: block; 
white-space: nowrap; 
float: none; 
text-transform: none; 
} 
*html #menu ul a{ /* IE6 */  
height: 10px; 
width: 150px; 
} 
*:first-child+html #menu ul a{ /* IE7 */  
height: 10px; 
width: 150px; 
} 
#menu ul a:hover{ 
background: #0186ba; 
background: -moz-linear-gradient(#04acec, #0186ba);  
background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); 
background: -webkit-linear-gradient(#04acec, #0186ba); 
background: -o-linear-gradient(#04acec, #0186ba); 
background: -ms-linear-gradient(#04acec, #0186ba); 
background: linear-gradient(#04acec, #0186ba); 
} 
#menu ul li:first-child a{ 
-moz-border-radius: 5px 5px 0 0; 
-webkit-border-radius: 5px 5px 0 0; 
border-radius: 5px 5px 0 0; 
} 
#menu ul li:first-child a:after{ 
content: ''; 
position: absolute; 
left: 30px; 
top: -8px; 
width: 0; 
height: 0; 
border-left: 5px solid transparent; 
border-right: 5px solid transparent; 
border-bottom: 8px solid #444; 
} 
#menu ul li:first-child a:hover:after{ 
border-bottom-color: #04acec;  
} 
#menu ul li:last-child a{ 
-moz-border-radius: 0 0 5px 5px; 
-webkit-border-radius: 0 0 5px 5px; 
border-radius: 0 0 5px 5px; 
} 
/* Clear floated elements */ 
#menu:after{ 
visibility: hidden; 
display: block; 
font-size: 0; 
content: " "; 
clear: both; 
height: 0; 
} 
* html #menu { zoom: 1; } /* IE6 */ 
*:first-child+html #menu { zoom: 1; } /* IE7 */ 
</style> 
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
if ($.browser.msie && $.browser.version.substr(0,1)<7) 
{ 
$('li').has('ul').mouseover(function(){ 
$(this).children('ul').show(); 
}).mouseout(function(){ 
$(this).children('ul').hide(); 
}) 
} 
});  
</script> 
<ul id="menu"> 
<li><a href="http://montdh.com//"><font size="2">الصفحه</font><font size="2"> الرئيسيه
</font></a></li> 
<li> 
<a href="http://montdh.com/vb/forumdisplay.php?f=35/"><font size="3">الربح من خمسات</font></a><b>
</b> 
<ul style="position: absolute; left: -992px; top: 45px; width: 165px; height: 60px"> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">CSS</font></a></li> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">Graphic design</font></a></li> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">Development tools</font></a></li> 
<li><a href="https://khamsat.com/?r=103997"><font size="3">Web design</font></a></li> 
</ul> 
</li> 
<li><a href="http://timesprayer.org/"><font size="3">مواقيت الصلاة</font></a></li> 
<li><a href="https://www.facebook.com/profile.php?id=100001117347689/">
<font size="3">للتواصل معنا</font></a></li> 
<li><a href="http://www.gifbin.com/"><font size="3">اضحك وفرفش</font></a></li> 
<li><a href="https://www.charactercountonline.com/ar"><font size="3">عدد الحروف اون لاين</font></a></li> 
<li><a href="https://goo.gl/"><font size="3">اختصار الروابط</font></a></li> 
<li><a href="http://الة-حاسبة.com/"><font size="3">آلة حاسبة</font></a></li> 
<li><a href="http://www.arabic-keyboard.org"><font size="3">لوحة المفاتيح 
العربية</font></a></li> 
<li><a href="http://map.coobra.net/"><font size="3">شاهد الأرض </font>من الفضاء</a></li> 
</ul>