<script type="text/javascript">   
$(function() {   
$('.blocknav li a').hover(function(){   
$(this).animate({paddingLeft: 40},'fast')   
},function(){   
$(this).animate({paddingLeft: 23},300)   
});   
});   
</script>   
<ul class="blocknav by_kiko">   
<li><a href="/">Главная страница</a></li>   
<li><a href="/forum">Форум</a></li>   
<li><a href="/load">Каталог файлов</a></li>   
<li><a href="/publ">Каталог статей</a></li>   
<li><a href="/">Ссылка</a></li>   
</ul>

.blocknav { margin: 0; padding: 0; list-style: none; }   
.blocknav li a { display: block; color: #fff; font-size: 11px; font-family: Tahoma; font-weight: bold; text-decoration: none; height: 26px;    
line-height: 25px; background: url(http://imghost.in/di-7HVV.png) no-repeat 0 0; margin: 1px 0; width: 190px; padding: 0 0 0 23px; }   
.blocknav li a:hover { text-decoration: none; background-position: 0 -26px; }