<style type="text/css">	
 
ul, li{margin:0; padding:0; list-style:none;
}
.menu_head{width:80px;
}
.menu_body {display:none; width:110px;border:1px solid #dae1e8;
}
.menu_body li{background:#fff;
}
.menu_body li.alt{background:#fff;
}
.menu_body li a{color:#000; text-decoration:none; padding:5px; display:block;
}
.menu_body li a:hover{padding:5px; font-weight:bold;background:#eef2f4;border-top:1px solid #dae1e8;border-botom:1px solid #dae1e8;
}	
	</style>
    
<script src="http://youmyfriend.net.ru/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
	$("ul.menu_body li:even").addClass("alt");
    $('ul.menu_head').click(function () {
	$('ul.menu_body').slideToggle('medium');
    });
});
</script>
 
 
<div class="container" style="z-index:999">
<ul class="menu_head" />добавить</ul>
 
<ul class="menu_body">
  <li> 
   <a href="#"><img src='http://ubloggi.com/img/myblog.gif'/> Блог</a></a> 
   </li> 
   <li > 
   <a  href="#ab"><img src='http://ubloggi.com/img/myphoto.gif' /> Фото</a> 
   </li> 
   <li> 
   <a  href="#aa"><img src='http://ubloggi.com/img/music.gif' /> Аудио</a> 
   </li> 
   <li> 
   <a  href="#aa"><img src='http://ubloggi.com/img/film.gif' /> Видео</a> 
   </li> 
   <li> 
   <a  href="#aa"><img src='http://ubloggi.com/img2/apps.png' /> Приложение</a> 
   </li>
   <li> 
   <a  href="#aa"><img src='http://ubloggi.com/img/game.gif' /> Сообщество</a> 
   </li>
   <li> 
<A target="_parent" href="javascript:openLayerA('obsv','/media/?t=draw;h=1','Добавить граффити на стену','780','550','');" ><img src="http://youmyfriend.net.ru/Knopki/emblem-art2.png" width="16" height="16"/></A>
   </li>


</ul>
</div>