<style>  
  #iconbar li {  
  float:left;  
  position:relative;  
  overflow: hidden;  
  margin-right:10px;  
  background-image: url("http://isu-ucoz.3dn.ru/a_scripts/h/plavno_viezchauchii_profil_bl_1.png");  
  background-size: 100% 100%;  
  border: #BFCCEF solid 1px;  
  box-shadow: 0px 0px 10px #BFCCEF;

<script language="JavaScript" type="text/javascript">  
  $(function(){  
  $(".auserpanel")  
  .hover(function() {  
  $(this).animate({'width': '155'}, "fast");  
  })  
  .mouseleave(function(){  
  $(this).animate({'width': '48'}, "fast");  
  });  
  });  
  </script>

<li><a class="auserpanel" href="$PERSONAL_PAGE_LINK$"><img style="padding-left: -10px;" src="http://isu-ucoz.3dn.ru/a_scripts/h/perconalinai_ctranicha_userpm.png" border="0" ><span>personal page</span></a></li>  
  <li><a class="auserpanel" href="$PM_URL$"><img src="http://isu-ucoz.3dn.ru/a_scripts/h/lichnii_coobchenii_userls.png" border="0" ><span>user PM</span></a></li>  
  <li><a class="auserpanel" href="/index/10"><img src="http://isu-ucoz.3dn.ru/a_scripts/h/zaverchiti_ceanc_exit.png" border="0" ><span>Log out</span></a></li>  
  </ul>