Выпадающее меню

[elstargroup]

Подскажите что надо вставить в этот код, чтобы получилось выпадающее меню:

/* Menu */

#menu {

width: 962px;

height: 50px;

margin: 0 auto;

}

#menu ul {

margin: 0;

padding: 0;

list-style: none;

}

#menu li {

display: block;

float: left;

}

#menu a {

display: block;

float: left;

height: 38px;

padding: 8px 20px 0 20px;

text-decoration: none;

text-transform: lowercase;

color: #000000;

}

#menu a:hover {

text-decoration: underline;

}

#menu .current_page_item {

background: url(images/img05.gif) no-repeat;

}

#menu .current_page_item a {

background: url(images/img06.gif) no-repeat right top;

font-weight: bold;

}

[yaroslav]

Сперва скройте его

#menu li ul{
    display:none;
}

а потом откройте при наведении

#menu li:hover ul{
    display:block;
} 

Edited February 12, 2012 by yaroslav