Hallo an alle,
ich bitte euch um Hilfe.

Ich habe mir mit hilfe von tuts und free css dateien mir eine horizontale drop down menu gebastelt.

Ich möchte dieses dann für joomla einstzen.
So weit so gut aber ich bekomme die untermenu nicht angezeigt und angeordnet.

Ich weiss nicht wie und wo ich bei mir die ul li ul li u.s.w setzen muss.

das ist mein css:

.menu_top {
float: left;
width: 940px;
height: 51px;
Background: url(../images/navibg.png);
background-repeat: no-repeat;
margin-top: 12px;
color: #000;
}
ul.menu_top {
list-style-type: none;
margin: 0px 0px 0px 50px;

}
ul.menu_top li {
background: url("../images/linie.jpg") no-repeat scroll left center transparent;
float: left;
height:45px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;

}
ul.menu_top a:link, ul.menu_top li a:visited {
background: url("../images/linie.jpg") no-repeat scroll left center transparent;
padding: 16px 20px 0px 20px;
font-size: 1.2em;
float: left;
list-style: none;
text-decoration: none;
height:33px;
margin-top:1px;
color:#000;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
ul.menu_top li a:hover, ul.menu_top li a:active, ul.menu_top li a:focus {
background: url("../images/linie.jpg") no-repeat scroll left center transparent;
background-color:#D20303;
color: #fff;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
text-decoration: none;
opacity:0.9;
}
ul.menu_top li.active a:link, ul.menu_top li.active a:visited {
background: url("../images/linie.jpg") no-repeat scroll left top transparent;
background-color: #D20303;
color: #fff;
list-style: none;
text-decoration: none;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;

}

jetzt ist die frage wo muss wie was reinsetzen damit ich beim hover eine untermenu bekomme ?

Ich habe viel gelesen seit gestern versuche ichs schon alle möglichkeiten getestet bin jetztz erschöpft habe mehrere free menus getestet und versucht bei mir reinzusetzen aber irgendwas mache ich immer falsch.

habe den quelltext angeschuat von anderen aber bei denen gibt es mehrere klassen oder divs ich möchte gerne mein eigenes verwenden aber wie soll das bei mir gehen ?

habe versucht erst mit ul am anfang dann an schluss li am anfang und am schluss u.s.w dann habe ich ul ul lili sogar ul li ul li ul li li ul ul u.s.w ich check das nicht mehr durch.

Danke an Euch allen

lg