без багов?

у меня основной меню бар уже

в подменю появляются иерглифы


#wrap {width: 100%; position: relative; min-height: 1px;}
#main-nav {display:inline-block; margin: 0px 0px 0px 0px; text-align: left; min-height: 25px; padding-top: 10px; padding-left: 0px; width: 1140px; background: #8F2613;}
#main-handle {width: 100%; float: left; margin-top: 0px;}
#main-nav li {display: inline; list-style: none;}
#main-nav li a {margin-right: 5px; font-size: 12px; text-decoration: none; color: #FFECAB; padding: 10px; outline: 0; position: relative; top: 0px;}
#main-nav li a:hover, #main-nav li a.active {background: #dddddd; color: #111111;}
#sub-link-bar {background: #F5F5F5; min-height: 74px;}
.sub-links {display: none; position: absolute; width: 100%; top: 45px; text-align: left; left: 0px; padding: 0;}
#main-nav li .sub-links li a:hover{color: #b22222; background: #F5F5F5;}
#main-nav li .sub-links li a {color: #000000; background: #F5F5F5;}

<tr><td style="border-top:1px solid #988675;">
<div id="wrap">
<div id="main-handle">
<ul id="main-nav">
<li><a class="main-link" href="#">События</a>
<ul class="sub-links">
<li><a href="http://3mv.ru/publ/1/">Новости</a> </li>
<li><a href="http://3mv.ru/publ/ehkonomika/10">Экономика</a> </li>
</ul>
</li>
<li><a class="main-link" href="#">Материалы</a>
<ul class="sub-links">
<li><a href="http://3mv.ru/publ/3/">Статьи</a> </li>
<li><a href="http://3mv.ru/publ/2/">Пророчества</a> </li>
<li><a href="http://3mv.ru/forum/14">Выживание</a> </li>
</ul>
</li>
<li><a class="main-link" href="#">Вооружение</a>
<ul class="sub-links">
<li><a href="http://3mv.ru/publ/4/">Вооружение РФ</a> </li>
<li><a href="http://3mv.ru/publ/5/">Вооружение США</a> </li>
<li><a href="http://3mv.ru/publ/6/">Вооружение Китая</a> </li>
<li><a href="http://3mv.ru/publ/vooruzhenie_drugikh_stran/13">Вооружение других стран</a> </li>
</ul>
</li>
<li><a class="main-link" href="#">Мультимедиа</a>
<ul class="sub-links">
<li><a href="http://3mv.ru/publ/7/">Видео</a> </li>
<li><a href="http://3mv.ru/publ/armii_mira/22">Армии мира</a> </li>
</ul>
</li>
<li><a class="main-link" href="#">История</a>
<ul class="sub-links">
<li><a href="http://3mv.ru/publ/geroi/18">Герои</a> </li>
<li><a href="http://3mv.ru/publ/srazhenija/19">Сражения</a> </li>
<li><a href="http://3mv.ru/publ/vooruzhenie/21">Вооружение</a> </li>
</ul>
</li>
<li><a class="main-link" href="#">Разное</a>
<ul class="sub-links">
<li><a href="http://3mv.ru/publ/knigi_o_vojne/12">Книги</a> </li>
<li><a href="http://3mv.ru/publ/filmy_o_vojne/11">Фильмы</a> </li>
<li><a href="http://3mv.ru/publ/igry_o_vojne/16">Игры</a> </li>
</ul>
</li>
<li><a class="main-link" href="http://3mv.ru/forum">Форум</a>
</ul>

</div>
<div id="sub-link-bar"> </div>
<script type="text/javascript">
$(document).ready(function(){
$("#main-nav li a.main-link").hover(function(){

$("#main-nav li a.main-link").removeClass("active");
$(this).addClass("active");
$("#sub-link-bar").animate({
height: "70px"
},0);
$(".sub-links").hide();
$(this).siblings(".sub-links").fadeIn();
};);
};);
</script>

</td></tr>

<form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" >
<input class="poick_pole" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/>
<input class="poick_knopka" type="submit" value="Найти" />
<input type="hidden" name="t" value="0" />
</form>