DropDown Menü in Template einfügen

Hallo,

ich möchte ein DropDown Menü in meine neue Homepage einbauen. Könnt ihr mir helfen bzw. eine Anleitung geben wie das funktioniert?

Hier der Link: http://youripod4free.de
Vielen Dank!

also ich habe jetzt eine css datei

<style type="text/css">

.menu {
width: 870px;
height: 50px;
margin: 0 auto;
background: url(images/img03.jpg) repeat-x left top;
}

.menu ul {
margin: 0;
padding: 0;
list-style: none;
}

.menu li {
float: left;
height: 50px;
background: url(images/img04.jpg) no-repeat right top;
}

.menu a {
display: block;
padding: 12px 20px 0px 20px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
color: #FFFFFF;
}

.menu a:hover {
color: #FFFFFF;
}

.menu .current_page_item a {
color: #FFFFFF;
}
/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:350px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}

</style>

was ist daran falsch?

auf
http://youripod4free.de/anleitung.html

soll wenn man mit der Maus auf anleitungen geht ein dropdown menü erscheinen. aber es kommt nur ein strich -.-

HILFE!!