HTML,CSS,почему у выпадающего меню при наведении не тот цвет, как это исправить?

 
.menu { 
	width: 100%; 
	display: table; 
    
} 
.menu ul { 
     
	display: table-row; 
} 
.menu li {  
    
	display: table-cell; 
	position: relative; 
	background: #000000; 
} 
.menu li a {  
    text-decoration: none; 
	display: block; 
	padding: 10px 10px; 
	color: #ffffff; 
	text-align: center; 
} 
 
.menu-caret:after { 
    display: inline-block; 
	width:0; 
	height:0; 
	margin-left: .255em; 
	vertical-align: .255em; 
	content: ""; 
	border-top: 3px solid; 
	border-right: 3px solid transparent; 
	border-bottom: 0; 
	border-left: 3px solid transparent; 
} 
 
.menu ul li:hover, #menu a:hover { 
	background: #ffe600; 
} 
.menu li:hover ul  { 
	display: block; 
	position: absolute; 
	top: 100%; 
	left: 0px; 
	background:black; 
	margin: 0; 
	padding: 10px 10px; 
	width:195px; 
	z-index: 9999; 
} 
.menu ul ul  { 
	display: none; 
} 
.menu ul ul li  { 
	display: block; 
	background:black; 
	padding: 3px 0; 
} 
.menu ul ul li a  { 
	display: block; 
	padding: 0; 
	background: #000000; 
	text-align: left; 
} 
 

   
 
        
 
            
Главная
 
            
Меню
 
            
О нас
 
            
Отзывы 
            
 
            
Оценить кафе
 
            
  
            
 
            
Регистрация
 
            
Авторизация
 
        
  

когда я навожу на пункты меню , все они становятся жёлтыми , но когда навожу на выпадающую часть меню (на "оценить кафе") , фон всё равно остаётся чёрным , как это исправить?