Is there a way to change the font color to #fff when hovering over the entire li box, instead of just the href link? Currently, the hover color switches between #fff and #666 because the full li box is not considered a link.
In case it's relevant, this html code is created by the Google RSS widget and Google's stylesheet can be found here. However, as far as I can tell, there are no conflicts present.
#my-feed {width:180px;}
#rss-title {font-size:12px; color:#fff; text-align:center; padding:3px; background-color: #cc6600;}
#rss-title a {color:#fff;}
#rss-feed li {
list-style: inside none none;
font-size:12px;
padding:5px 5px 5px 20px;
line-height:14px;
text-indent: -10px;
}
#rss-feed li a {color:#666;}
#rss-feed li a:hover {color:#fff;}
#rss-feed li:hover {color:#fff;background-color:#cc6600;}
#my-feed ul li:before { content: "\00BB \0020";}
<div id="my-feed">
<div id="rss-title">
<a href="http://example.com">My Title</a>
</div>
<ul id="rss-feed">
<li><a href="http://example.com/first">My First Link</a></li>
<li><a href="http://example.com/second">My Second Link</a></li>
<li><a href="http://example.com/third">My Third Link</a></li>
<li><a href="http://example.com/fourth">My Fourth Link</a></li>
</ul>
</div>