Menu DropDown

[Clauido José 3]

boa tarde pessoal estou com problema nao estou conseguindo configurar o dropdown o menu esta quase pronto mais quero que ele fiquei igual aos outrs quando passar o mouse por cima ele fique com a cor #333 vou postar meu css:

 

/* navbar
/* barra de menu principal */
.navbar-default {
    width: 100%;
    color: #FFF;
    background: -moz-linear-gradient(top,  #CCC 80%, #fefefd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f1), color-stop(100%,#fefefd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CCC 80%,#fefefd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #CCC 80%,#fefefd 100%); /* Opera 11.10+ */
    background: linear-gradient(to bottom,  #CCC 80%,#fefefd 100%); /* W3C */
    border: 1px solid #89B0D0;
}

/* item de menu */
.navbar-default .navbar-nav > li > a {
   color: #000;
   font-size: 16px;
   padding: 10px 30px
}
/* mouse over no item de menu */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FFF;
    background-color: #333;
    text-decoration:underline
}
/* dropdown */
.navbar-default .navbar-nav > .open > .dropdown-menu { 
    background: -moz-linear-gradient(top,  #CCC 80%, #fefefd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f1), color-stop(100%,#fefefd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #CCC 80%,#fefefd 100%); /* Chrome10+,Safari5.1+ */
    width:240px;
    padding: 15px 20px 10px;
    color: #FFF;
}

.navbar-default .navbar-nav > .open > .dropdown-menu > li > a {
   color: #000;
   font-size: 16px;
   padding: 10px 30px
}
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > .open > .dropdown-menu > li > a:focus{
    color: #FFF;
    text-decoration:underline
}

 

[Clauido José 3]

            <nav class="navbar navbar-default" role="navigation">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="navbar-header">
                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                    data-target="#myNavbar" aria-expanded="false">
                                    <span class="sr-only"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div>
                            <div class="collapse navbar-collapse" id="myNavbar">
                                <ul class="nav navbar-nav"> 
                                    <li><a href="#"><span class="glyphicon glyphicon-home" style="padding: 0px 10px"></span>Home</a></li>
                                    <li><a href="#"><span class="glyphicon glyphicon-info-sign" style="padding: 0px 10px"></span>A Empresa</a></li>

                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" 
                                           role="button" aria-expanded="true">
                                            <span class="glyphicon glyphicon glyphicon-th" style="padding: 0px 10px"></span>
                                            Persianas <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <asp:DataList ID="itemPersianas" RepeatColumns="1" runat="server">
                                                <itemtemplate>
                                                    <li><a href="produtos.aspx?ProdutosId=<%# Eval("MenuId")%>">
                                                        <%#  Eval("Titulo") %>
                                                    </a></li>
                                                </itemtemplate>
                                            </asp:DataList>
                                        </ul>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" 
                                           role="button" aria-expanded="false">
                                            <span class="glyphicon glyphicon-th-large" style="padding: 0px 10px"></span>
                                            Cortinas <span class="caret"></span></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <asp:DataList ID="itemCortinas" RepeatColumns="1" runat="server">
                                                <itemtemplate>
                                                    <li><a href="produtos.aspx?ProdutosId=<%# Eval("MenuId")%>">
                                                        <%#  Eval("Titulo") %>
                                                    </a></li>
                                                </itemtemplate>
                                            </asp:DataList>
                                        </ul></a>
                                    </li>
                                    <li><a href="#"><span class="glyphicon glyphicon-globe" style="padding: 0px 10px"></span>Parceiros</a></li>
                                    <li><a href="#"><span class="glyphicon glyphicon-envelope" style="padding: 0px 10px"></span>Contato</a></li>
                                </ul>
                                <form class="navbar-form  navbar-right" role="search" action="#" method="get" id="search-form">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="Search featured snippets" name="q" style="padding:6px 6px;">
                                        <div class="input-group-btn">
                                            <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </nav>

Ai esta ele na verdade .aspx