Помогите пожалуйста разобраться с вертикальным меню

Здравствуйте, уважаемые форумчане! В сайтостроительстве я еще совсем новичек, не так давно сделал свой сайт на Wordpress. Тема, на которой я делал сайт не поддерживает выпадающее меню (а оно очень нужно, так как полная непонятка с рубриками). Нашел плагин, который вроде бы позволяет все это сделать, называется он jquery-vertical-mega-menu. Но он выводит такую менюшку в сайдбар, а мне необходимо, чтобы меню было сверху.

С помощью яндекса нашел пару статей, внес правки в код, теперь могу создавать меню.

Вопрос в том, как сделать такое меню выпадающим. Материал в интернете отыскал, вроде бы нашел строчку в файле header.php, которая отвечает за вывод меню на моем шаблоне. Вот этот код в моей теме

			<div class="span-24">

				<div class="navcontainer">

					<ul id="nav">

						<li <?php if(is_home()) { echo ' class="current-cat" '; } ?>><a href="<?php bloginfo('url'); ?>">Главная</a></li>

						<?php wp_list_categories('depth=1&hide_empty=0&orderby=name&order=ASC&title_li=' ); ?>		

					</ul>

					

				</div>

			</div>

Но загвоздка в чем. Я хочу сохранить все стили для своего сайта, то есть чтобы все было как раньше, но подменю как бы выезжали вниз. В файле style.css вывод записей определяется вот так (возможно лишний код закинул)

/* NAVIGATION MENUS */



#pagemenucontainer {

	height: 28px;

    margin-top: 4px;

	}

	

#pagemenu {

	height: 28px;

	}



#pagemenu, #pagemenu ul { 

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

	}

#pagemenu {

	margin-bottom: 1px;

	}

	

#pagemenu ul {

	float: left;

	list-style: none;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	}

	

#pagemenu li {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#pagemenu ul li {

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#pagemenu li a, #pagemenu li a:link {

	color: #1a0315;

	display: block;

    margin: 0px 6px 0px 0;

	padding: 8px 12px;

	text-decoration: none;

	font-weight: bold;

	text-transform: uppercase;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

    border-top: 2px solid #fff;

	}

	

#pagemenu li a:hover, #pagemenu li a:active{

	color: #843964;

	display: block;

	text-decoration: none;

    border-top: 2px solid #430537;

	}

	

#pagemenu  li.current_page_item a {

	color: #843964;

    border-top: 2px solid #430537;

	}



#pagemenu li:hover, #pagemenu li.sfhover { 

	position: static;

	}

	

.topright {

	text-align: right;

    margin: 11px 0 0 0;

	}



.topright a {

	color: #1a0315;

	text-decoration: none;

	font-size: 11px;

	font-family: Arial, Helvetica, sans-serif;

	vertical-align: top;

    font-weight: bold;

    text-transform: uppercase;

	}

   

.topright a:hover {

    color: #843964;

} 



.navcontainer {

	height: 36px;

    background: url(images/nav-backgr.png) top left repeat-x;

    padding-left: 10px;

	}

	

#nav {

	height: 36px;

	}



#nav, #nav ul { 

	padding: 0;

	margin: 0;

	list-style: none;

	line-height: 1;

	}

#nav {

	margin-bottom: 1px;

	}

	

#nav ul {

	float: left;

	list-style: none;

	margin: 0px 0px 0px 0px;

	padding: 0px;

	}

	

#nav li {

	float: left;

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#nav ul li {

	list-style: none;

	margin: 0px;

	padding: 0px;

	}

	

#nav li a, #nav li a:link {

	color: #efe5ed;

	display: block;

    margin: 0px 3px 0px 3px;

	padding: 12px 12px;

	text-decoration: none;

	font-size: 12px;

	font-weight: bold;

	text-transform: uppercase;

    font-family: Arial, Helvetica, Sans-serif;

    text-shadow: 0 1px 0 #1a0315;

	}

	

#nav li a:hover, #nav li a:active {

	color: #efbdda;

	display: block;

	text-decoration: none;

    background: url(images/nav-hover.gif) top center no-repeat;

	}

	

#nav  li.current-cat a {

	color:#efbdda;

    background: url(images/nav-hover.gif) top center no-repeat;

	}



#nav li:hover, #nav li.sfhover { 

	position: static;

	}

Помогите пожалуйста, в каком месте и какие изменения нужно внести. Постарался описать проблему как можно подробнее. Надеюсь на вашу помощь, уважаемые форумчане.

PS. Сайт мой skinfine.ru, если понадобится