<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#topnav li").prepend("<span></span>"); //Throws an empty span tag right before the a tag
$("#topnav li").each(function() { //For each list item...
var linkText = $(this).find("a").html(); //Find the text inside of the a tag
$(this).find("span").show().html(linkText); //Add the text in the span tag
});
     
$("#topnav li").hover(function() { //On hover...
$(this).find("span").stop().animate({
marginTop: "-40" //Find the span tag and move it up 40 pixels
}, 250);
} , function() { //On hover out...
$(this).find("span").stop().animate({
marginTop: "0" //Move the span back to its original state (0px)
}, 250);
});
     
});
</script>

<div class="menutop">
<div class="con">
<ul id="topnav" class="v1">
<li><a href="/">Главная</a></li>
<li><a href="/forum">Форум</a></li>
<li><a href="/index/biography/0-6">Био</a></li>
<li><a target="_blank" href="/Catalogue/Katalog2.htm">Каталог песен</a></li>
<li><a href="/photo">Фотоальбомы</a></li>
<li><a href="/faq">F.A.Q.?!</a></li>
<li><a href="/index/about_a_site/0-2">О Сайте</a></li>
<li><a href="/load">Файлы</a></li>
<li><a href="/gb">Гостевая</a></li>
<li><a href="/dir">Друзья</a></li>
<li><a target="_blank" href="http://www.youtube.com/user/mlsr11">YouTu..</a></li>
</ul>
</div>
</div>

.con {
width: 1105px;
height: 45px;
}
img {border: none;}
ul#topnav {
margin: 0px 3px 0px;   
padding: 0;   
list-style: none;   
font: 15px Georgia;
*font: 17px Georgia;
clear: both;
float: left;
width: 100%;
}
ul#topnav li{
margin: 0;   
padding: 0;   
overflow: hidden;   
float: left;   
height:40px;
}
ul#topnav a, ul#topnav span {
padding: 10px 20px;   
float: left;   
text-decoration: none;   
color: #fff;
clear: both;
height: 20px;
line-height: 20px;
background: #1d1d1d;   
}
ul#topnav a { color: #7bc441; }
ul#topnav span {
display: none;
}

ul#topnav.v1 span{
background: url(/designs/v05/bg.gif) repeat-x left top;
border-top: 1px solid #fff;
}
ul#topnav.v1 a{
color: #555;
background: url(/designs/v05/bg.gif) repeat-x left bottom;
border-top: 1px solid #fff;
}

.menutop {width: 1105px; margin-left: auto; margin-right: auto; text-align: left; height: 0px; position: relative;}