Pessoal
Como faço para estilizar um menu dropdown onde o html vem da seguinte maneira
1 class container = navbar
1 class menu-departamento =
1 ul com uma class = class banho
1 ul com uma class = class Mesa
Percebam que não existem duas ul distintas! Como exemplo uma ul para menu-departsamento
e outra para seus filhos.
Sem a ul para o primeiro nivel que seria os departamentos não é possivel alinhar de maneira horizontal.
Para maior entendimento segue o html para padrão da plataforma que não pode ser modificados
<div class="navbar">
<div class="navbar-inner">
<div class="menu-departamento">
<span class="rt">
</span>
<span class="rb">
</span>
<h3 class="banho">
<span>
</span>
<a class="menu-item-texto" href="#">Banho</a>
</h3>
<ul class="banho">
<li>
<a href="#">Jogos de Toalhas</a>
</li>
<li>
<a href="#">Toalhas de Banho Gigante</a>
</li>
<li>
<a href="#">Toalhas de Banho</a>
</li>
<li>
<a href="#">Toalhas de Rosto</a>
</li>
<li>
<a href="#">Toalhas Social</a>
</li>
<li>
<a href="#">Toalhas para Pés</a>
</li>
<li>
<a href="#">Toalhas de Praia</a>
</li>
<li>
<a href="#">Toalhas de Times de Futebol</a>
</li>
<li>
<a href="#">Toalhas Intanfil</a>
</li>
<li>
<a href="#">Toalhas para Pescoço</a>
</li>
</ul>
<h3 class="mesa even">
<span>
</span>
<a class="#">Mesa</a>
</h3>
<ul class="mesa even">
<li>
<a href="#">Toalhas de Mesa</a>
</li>
</ul>
</div>
</div>
</div>