изменить цвет текста в меню при наводе курсора

[Adtain]

Никак не пойму, где надо дописать чтобы цвет текста в главном меню менялся при наводе курсора, цвет фона - меняется.

Причем цвет фона и текста меняется в выпадающем меню.

/* menu */
#menu {
	background: #556677;	
	height: 40px;
	margin-bottom: 15px;
	margin-left: -20px;
	margin-right: -20px;	
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	padding: 0px 5px;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;	
}
#menu > ul > li:hover {
	background: #776655;
	color: #FFFFFF;
	display: block;
}
#menu > ul > li > a {
	font-size: 20px;
	color: #4f4f4f;
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 12px 15px 14px 15px;
	z-index: 6;
	position: relative;
}
#menu > ul > li > div {
	display: none;	
	position: absolute;
	z-index: 5;	
	background: url('../image/menu.png');
}
#menu > ul > li:hover > div {
	display: table;
}
#menu > ul > li > div > ul {
	display: table-cell;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 7px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
	background: #556677;
	color: #FFFFFF;
}
#menu > ul > li > div > ul > li > a {
	font-size: 18px;
	color: #4f4f4f;

В любой из этих пунктов, при установке белого цвета шрифта - шрифт в главном меню как был без изменений, так и остается...

[m899]

за шрифт отвечает color:

a:hover - при наведении курсора

[Adtain]

за шрифт отвечает color:

a:hover - при наведении курсора

Во, спасибо большое, получилось. А не подскажите как сделать, чтобы при наведении на пункт под-меню, сверху у главного меню сохранялся этот выбранный белый цвет?

#menu > ul > li:hover {
	background: #f04f26;
	color: #FFFFFF;
	display: block;
}

вот тут цвет фона сохраняется, а на "color" не реагирует

[Smallbear]

Во, спасибо большое, получилось. А не подскажите как сделать, чтобы при наведении на пункт под-меню, сверху у главного меню сохранялся этот выбранный белый цвет?

#menu > ul > li:hover {
	background: #f04f26;
	color: #FFFFFF;
	display: block;
}

вот тут цвет фона сохраняется, а на "color" не реагирует

не совсем понял что Вам нужно ,но скорее всего Вам нужно color прописать для ссылки,т.е. для "a" а не для "li"

[Adtain]

У меня есть меню, в каждом меню содержится категория, когда я навожу на меню (цвет текста меняется с коричневого на белый, фон тоже меняется с рыжего на красный)

Далее снизу (при наведении на меню) выскакивают категории.. (это шаблон default). Так вот я теперь выбираю в этом пункте меню конкретную позицию (категорию) и сверху уже главная кнопка меняет цвет обратно с белого на коричневый, НО, фон закрепляется КРАСНЫЙ. Вот я хочу чтобы у меня и текст закреплялся белым. Ведь я же нахожусь в этом же пункте меню... и фон-то работае.

Вот что у меня написано:

#menu {
	background: #ffaf00;
	height: 40px;
	margin-bottom: 15px;
	margin-left: -20px;
	margin-right: -20px;	
	-webkit-box-shadow: 0px 2px 2px #DDDDDD;
	-moz-box-shadow: 0px 2px 2px #DDDDDD;
	box-shadow: 0px 2px 2px #DDDDDD;
	padding: 0px 5px;
}
#menu > ul > li:hover {
	background: #f04f26;
	display: block;
}
#menu > ul > li > a:hover {
	color: #FFFFFF;
}

[gloomya]

Та же проблема, нашли решение?