Hover przy divach z linkami

Witam,

Moje pierwsze pytanie na forum:)

mam następujące problem. W CSS ustawiłem dla wszystkich linków parametry, aby nie były podkreślone i nie miały niebieskich kolorów. Kod poniżej. Standard.

a:link
{
	color: black;
	text-decoration: none;
}

a:visited
{
	color: black;
	text-decoration: none;
}


a:hover
{
	color: black;
	text-decoration: none;
}

Przy takich ustawieniach dodałem jeszcze jeden opis hovera, ale już dla konkretnej klasy diva (napis1), który zawiera link. Kod  CSS i HTML poniżej

.napis1:hover
{
	text-decoration: underline;
	color: #c7ab35;
	cursor: pointer;
}

	<div class="napis1"> <a href=https://web.facebook.com/?_rdr" target="_blank" title="Zapraszamy na stronę Facebooka muzeum"> FB </a> </div>			
			<div class="napis1"> <a href="http://allegro.pl/" target="_blank" title="Zapraszamy do naszego sklepu z wydawnictwami"> Sklep online </a></div>
			<div class="napis1"> Załóż konto </div>
			<div class="napis1"> Zaloguj się </div>
			<div style="clear:both"> </div>	
	

I teraz niestety jak najadę na diva z linkiem np. FB, to nie zmienia on koloru, a teoretycznie (chyba) powinien - na #c7ab35;. A co ciekawe podkreślanie działa….

Jak ustawić hover, tylko dla klasy napis1, aby kolor fontu wyświetlał się na żółto, jak na niego najadę myszką?

Dorzucam jeszcze dwa Screeshoty, aby wszystko było jasne.