Menu deplegable con css en wordpress

[lynxstyle]

Código CSS:

Código:

/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * top and footer menu
 */

 
#toolbar ul.menu,
#footer ul.menu {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer ul.menu {
	display: block;
	line-height: 14px;
}

#toolbar .menu li,
#footer .menu li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}

#toolbar .menu li a,
#footer .menu li a {
	display: inline-block;
	padding: 0px 10px 0px 15px;
	background: url(../images/topmenu_item_bg.png) 0 50% no-repeat;
	overflow:hidden; 
	color: #ffffff;
}

#footer .menu li a {
	background: url(../images/footermenu_item_bg.png) 0 50% no-repeat;
	color: #c8c8c8;
}
#footer .menu li a:hover { color: #ffffff; }

#toolbar .menu a.first,
#footer .menu a.first {
	padding-left: 0px;
	background: none;
}

#toolbar .menu a.last,
#footer .menu a.last { padding-right: 0px; }