Woothemes Groovy Blog drop down menu help

Hey Folks.

Here’s the drop down menu I’d like: http://www.woothemes.com/demo/?t=37
Here’s mine: http://adidas-talk.com

To be quite honest, mine isn’t a drop down menu, but I would like to create a drop down menu… (below is the style.css code for the wootheme drop down)

I want to keep my nav bar the way it is and only make the sub menus transparent like woothemes… can anyone give me a hand please?

/* Category dropdown */

#categorybox ul, #categorybox li{margin:0; border:0; padding:0; list-style:none;}
#categorybox{
	font-size:11px;
	background:url(images/bg-cat-dropdown.png) no-repeat top left;
	font-weight:bold;
	padding:0px;
	height:32px;
	width:176px;
	margin-top:5px;
}
#categorybox .menu li {
	height:30px;
	float:left;
	margin-right:10px;
}
#categorybox .menu li a{
	color:#fff;
	text-decoration:none;
	padding:0 10px;
	height:30px;
	line-height:30px;
	display:block;
	float:left;
	padding:0 55px 0 10px;
}
#categorybox .menu li a:hover{color:#ddd;}
#categorybox ul .submenu {
	background:#fff;
	position:relative;
	top:4px;
	padding:6px 0;
	clear:both;
	z-index:2;
	display:none;
	width:170px;
}
#categorybox ul .submenu li{
	background:none;
	display:block;
	float:none;
	margin:0 6px;
	border:0;
	height:auto;
	line-height:normal;
}
#categorybox .submenu li a{
	background:none;
	display:block;
	float:none;
	padding:6px 6px;
	margin:0;
	border:0;
	height:auto;
	color:#555;
	line-height:normal;
}
#categorybox .submenu li a:hover{
	color:#222;
	background:#ddd;
}