<li style="margin: 0 3px; display:inline-block; list-style:none; float: right;" 
onmouseout="document.getElementById(&#39;mylinks&#39;).style.display=&#39;none&#39;;"
onmouseover="document.getElementById(&#39;mylinks&#39;).style.display=&#39;block&#39;;">
<a href="javascript:document.getElementById(&#39;mylinks&#39;).style.display=&#39;block&#39;;void(0)">
روابط
<img border="0" alt="" src="{$image_path}/menu_open.gif" /></a>	 
<div style="display:none;" class="drop_menu" id="mylinks" >
<div class=&#39;menu_popup&#39;><a href="#">رابط 1</a></div>
<div class=&#39;menu_popup&#39;><a href="#">رابط 2</a></div>
<div class=&#39;menu_popup&#39;><a href="#">رابط 3</a></div>

</div>
</li>