¿Código para un desplegable?

[Linton]

¡Muchas gracias! No sé qué es el JS, aquí va el CSS:


#logo2 {margin:0% 0% -22% 3%}
#logo2 p {font-family:Copperplate Gothic Bold ; font-size:38px ; color:#733a1e}
#menu2 {margin:10% 0% 0% 0%}
#menu2 li {font-family:Century Gothic ; font-size:30px ; color:#534640 ; list-style:none ; display:inline ; margin:0% 0% 0% 3%}
#menu2 a {font-family:Century Gothic ; font-size:30px ; color:#534640 ; text-decoration:none}
#menu2 a:hover {font-family:Century Gothic ; font-size:30px ; color:#534640 ; text-decoration:none ; border-bottom: 1px dotted silver}
#contenidoiz {float:left}
.carruseldeimagenes {margin:10% 0% -8% 25%;}
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
list-style: none;
margin:0;
padding: 0;
}

ul.dropdown {
position: relative;
z-index: 597;
}

ul.dropdown li {
float: left;
line-height: 1.3em;
vertical-align: middle;
zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
position: relative;
z-index: 599;
cursor: default;
}

ul.dropdown ul {
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
font-size:10px;
}

ul.dropdown ul li {
float: none;
font-size:10px;
font-face:Arial
}

ul.dropdown ul ul {
top: 1px;
left: 99%;
font-size:10px;
font-face:Arial
}

ul.dropdown li:hover > ul {
visibility: visible;
font-size:10px;
font-face:Arial
}