Menu DropDown

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
}