Hi

I have a CSS drop down menu but when I hover over one of the dropped down items the text the text on the original hover button dissapears. This is because the text is the same color as the rollover color. How could I make it so that the rollover text color is different? At the moment only the drop down items text changes color on hover

Code:
#navMenu {
	margin:0;
	padding:0;
}

#navMenu ul {
	margin:0;
	padding:0;
	line-height:30px;
}

#navMenu li {
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background-color:#f0eccd;
}

#navMenu ul li a {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	width:95px;
	height:30px;
	display:block;
	color:#ff9a29;
}

#navMenu ul ul {
	position:absolute;
	visibility:hidden;
	top:30px;
}

#navMenu ul li:hover ul {
	visibility:visible;
}

#navMenu li:hover {
	background-color:#ff9a29;
}

#navMenu ul li:hover ul li a:hover {
	background:#ff9a29;
	color:#FFF;
}

#navMenu a:hover {
	color:#FFF;
}
Thanks
Thomas