title: Change text color of menu items, ONLY on hover
body: <p>I have a site <kbd><a href="http://azeverything.com" rel="nofollow">here</a></kbd></p>
  
  <p>At the top of the screen, you'll see a menu. Hover onto "Everything" and you'll see a sub-menu. </p>
  
  <p>When you hover over an item, you'll see a dark grey background on each menu item. The text stays red, and I want the text to be white on hover. </p>
  
  <p><strong>Here's what I have so far...</strong> </p>
  
  <pre><code>#nv-tabs ul li ul li:hover {background: #252525!important; }
  </code></pre>
  
  <p><strong>It looks like the text color (on hover) should also be in this div id, so I've tried this...</strong> </p>
  
  <pre><code>#nv-tabs ul li ul li:hover {background: #252525!important;color: #FFFFFF;}
  </code></pre>
  
  <p><strong>...but it's not working.</strong> </p>
  
  <p>Not sure where I'm going wrong here. </p>