[Resolvido] Menu Drop Down aparece border-right do menu principal
Ola pessoal, o negocio e o seguinte, recentemene estou criando um site com um menu drop down+tooltip, e adicionei o border-right no menu principal para fazer a divisao das opcoes do menu, ate ai tudo perfeito, o problema vem quando o border-right fica aparecendo no menu drop down, ja lancei o border:none, e nada, gostaria de saber como faço para poder fazer com que essa borda desaparece do drop down... abaixo segue o codigo:
HTML
<div id="menu"><!-- ÍNICIO DIV MENU-->
<ul>
<li><a href="?pg=igreja">A Igreja<span>Veja aqui a história da nossa Igreja, pastores, membros.</span></a>
<ul>
<li><a href="?pg=historia">Historia</a></li>
<li><a href="?pg=visao">Nossa Visão</a></li>
<li><a href="?pg=pastoral">Pastoral</a></li>
<li><a href="?pg=obreiros">Obreiros</a></li>
</ul>
</li>
<li><a href="?pg=evangelismo">Evangelismo<span>Conheça melhor sobre a doutrina evangelista da Igreja Quadrangular</span></a>
<ul>
<li><a href="?pg=regional">Regional</a></li>
<li><a href="?pg=grupoespecifico">Grupo específico</a></li>
<li><a href="?pg=esporte">esporte</a></li>
</ul>
</li>
<li><a href="?pg=missoes">Missões<span>Nessa página você irá encontrar as missões prestadas pela Igreja.</span></a></li>
<li><a href="?pg=galeriafotos">Formação espiritual<span>Veja aqui nossa doutrina e metodologia de pregação e ensino religioso.</span></a></li>
<li><a href="?pg=grupojovens">Grupo de jovens<span>Essa parte do site é referente ao jovens da Igreja Quadrangular</span></a></li>
<li><a href="?pg=gestao">Gestão<span>Página referente a administração e os membros responsáveis pela organização da Igreja.</span></a>
<ul>
<li><a href="?pg=equipegestao">Equipe de Gestao</a></li>
<li><a href="?pg=comunicacao">Comunicação</a></li>
</ul>
</li>
<li><a href="?pg=ondeestamos">Onde estamos<span>Visualize o local onde você encontrará a Igreja Quadrangular</span></a></li>
</ul>
</div><!-- FIM DIV MENU-->
CSS
/****************** ESTILIZAÇÃO DIV MENU ******************/
#menu {width:990px; margin:0 auto;}
#menu li {float:left; list-style:none; margin-top:18px; position:relative; border-right:1px solid #F90;}
#menu li a {text-decoration:none; font:13px Arial, Helvetica, sans-serif; color:black; padding:17px 12px;}
#menu li a:hover {background:#FF6; box-shadow:1px 2px 10px #FF6; -moz-box-shadow:1px 2px 10px #FF6; -webkit-box-shadow:1px 2px 10px #FF6;}
#menu li span {display:none;}
#menu li a:hover span {display:block; position:absolute; font:11px Arial, Helvetica, sans-serif; width:150px; background:#FF3; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 10px; box-shadow:1px 2px 10px #FF3; -moz-box-shadow:1px 2px 10px #FF3; -webkit-box-shadow:1px 2px 10px #FF3; margin-top:-90px;}
#menu li ul {display:none;}
#menu li:hover ul {position:absolute; display:block; width:150px;}
#menu li:hover ul li a {display:block; margin-bottom:-20px; margin-top:-2px;width:110px; background:#FF6; font:11px Arial, Helvetica, sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; border:1px solid #0F0; box-shadow:1px 2px 5px #FF6; -moz-box-shadow:1px 2px 5px #FF6;}
#menu li:hover ul li a:hover {background:#FF9; box-shadow:1px 2px 4px #FF9; -moz-box-shadow:1px 2px 4px #FF9; -webkit-box-shadow:1px 2px 4px #FF9; text-decoration:underline;}
Discussão (2)
Carregando comentários...