Blogger Açılır Menü Yapma

Merhaba arkadaşlar Teknolojik Blog temadaki kategorileri açılır yapmak istiyorum. Şöyle ki mesela oyun kategorisinin üstüne geldiğim zaman oyun hileleri oyun incelemeleri gibi kategori açmak istiyorum.Zinmag Futura Demo bu adresteki demo gibi kaynak kodunu inceledim. Ul li etiketlerini ona göre yaptım ama hata veriyor. Bilgisi olan varsa lütfen yardım etsin.

#foxmenucontainer{
height:29px;
background:url(http://web2feel.com/futura/wp-content/themes/zinmagfutura/images/menu.jpg) repeat-x;
display:block;
padding:0px 0 0px 0px;
border-top:1px solid #474747;
font: 14px "Century gothic",verdana, Arial, sans-serif;
font-weight:normal;
}
#menu ,#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
height:29px;
}
#menu a {
color: #e0e5eb;
display: block;
font-weight: normal;
padding: 4px 10px 6px 10px;
}
#menu a:hover {
background:url(http://web2feel.com/futura/wp-content/themes/zinmagfutura/images/menuhov.jpg) repeat-x;
color: #fff;
display: block;
text-decoration: none;
}
#menu li {
float: left;
margin: 0px 0 0px 0;
padding: 0px;
}
#menu li li {
float: left;
margin: px 0px 0px 5px;
padding: 0px;
width: 130px;
}
#menu li li a, #menu li li a:link, #menu li li a:visited {
background:url(http://web2feel.com/futura/wp-content/themes/zinmagfutura/images/menu.jpg) repeat-x;
width: 130px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
color:#fff;
}
#menu li li a:hover, #menu li li a:active {
background:url(http://web2feel.com/futura/wp-content/themes/zinmagfutura/images/menuhov.jpg) repeat-x;
width: 130px;
float: none;
margin: 0px;
padding: 4px 10px 5px 10px;
}
#menu li ul {
position: absolute;
width: 10em;
left: -999em;
z-index:1;
}
#menu li:hover ul {
left: auto;
display: block;
}
#menu li:hover ul, #menu li.sfhover ul {
left: auto;
}

Bak bu Demo'daki açılır menü için gerekli olan Css yapısı. Sadece ul - li eklemekle olmuyor, Css'de eklemen gerekli. Yaptın mı bu işlemi ?

hayır yapmadım hangi kodlar arasına eklemem gerekiyor ? deniyim