Из обычного меню выпадающее

<div id="menu">
            <a class="menua" href="/">Главная</a>
            <a class="menua" href="/movies/">Фильмы</a>
            <a class="menua" href="/multfilms/">Мультфильмы</a>
            <a class="menua" href="/serials/">Сериалы</a>
            <a class="menua" href="/trailers/">Скоро в кинотеатрах</a>
            <a class="menua" href="/peoples/">Люди кино</a>
            <a class="menua" href="/news/">Новости кино</a>
            <a class="menua" href="/index.php?do=feedback">Контакты</a>
        </div>

#menu{display:block;width:900px;margin:20px 40px 25px 40px;padding:0 10px;border-bottom:1px solid #ccc;height:40px;}
a.menua{text-decoration:none;padding:12px 10px 0 10px;font-size:17px;margin-bottom:-1px;float:left;height:28px;color:#222;}
a.menua:hover{background:#f2f2f2;color:#000;}
.active_menu{background:#fff;border:1px solid #ccc;border-bottom:1px solid #fff; color: #e5460c;padding:11px 10px 0 10px; font-size:17px;margin-bottom:-1px;float:left;height:28px;text-decoration:none;}
.active_menu:hover{text-decoration:none;}