[Resolvido] Sub-menu

Bom dia iMastes..

como prometi ontem, o proximo post so veio hj..

:P

Então...

tenho um menu q funcione beleza..

mas durante a construção, descobri que esqueci de 2 sub-menus...

e ñ sei como oculta-lo co CSS...

da preciso da ajuda de vcs...

ai vai o menu...

<div id="menu">
 <ul>
 <li><a href="?pg=empresa">Empresa</a></li> //aqui preciso de 2 sub-menus, "Editorial" e "Resp.Social"
 <li><a href="?pg=clientes">Clientes</a></li>
 <li><a href="?pg=portifolio">Portifólio</a></li>
 <li><a href="?pg=certificados">Certificados</a></li>
 <li><a href="?pg=premios">Prêmios</a></li>
 <li><a href="?pg=parceiros">Parceiros</a></li>
 <li class="last"><a href="?pg=contato">Contato</a></li>
 </ul>
 </div>

CSS

#menu ul{

 float: left;
 list-style:none;
 margin: 0;
 padding: 0;

}

#menu ul li{

 display: inline;
 float:left;
 border-right: 1px solid #FFF;
 padding:7px 0;
}

#menu ul li a{

 color:#FFF;
 text-decoration: none;
 padding:0px 36px;
 float: left;
 height:
}

#menu ul li a:hover{

 color: #FF0;
}

#menu .last{

border-right: none;

}

ali na parte da empresa, faltam editorial e resp.social (responsabilidade social)