Hey I am trying to make the:\[code\]ul ul li a\[/code\] in a \[code\]nav\[/code\] color \[code\]#FFF\[/code\]but no matter what I do I can not change it I think it may be that the:\[code\]ul li a\[/code\] is affecting it however that's \[code\]#FFF\[/code\] to?My goal is white text on a dark background and then black text on a white \[code\]hover\[/code\].here is my code so far:CSS:\[code\]nav ul ul li{ background: #4a4a4a; float: none; position: relative; color: #FFF;} nav ul ul li a { color: #FFF; padding: 10px 51px;} nav ul ul li a:hover { background: #FFF; color: #000;}\[/code\]HTML:\[code\]<nav> <ul> <li><a href="http://stackoverflow.com/questions/14079568/#">Home</a></li> <li><a href="http://stackoverflow.com/questions/14079568/#">Services</a></li> <li><a href="http://stackoverflow.com/questions/14079568/#">Our Prices</a></li> <li><a href="http://stackoverflow.com/questions/14079568/#">Web Design</a> <ul> <li><a href="http://stackoverflow.com/questions/14079568/#">Portfolio</a></li> <li><a href="http://stackoverflow.com/questions/14079568/#">Pricing</a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/14079568/#">Consulting</a></li> <li><a href="http://stackoverflow.com/questions/14079568/#">Quick Hire</a></li> </ul> </nav>\[/code\]Any help would be great thanks 
.
.