[CSS] Kolory linków visited problem z css

Cześć wszystkim! :)

Na początku chciałem wyrazić zadowolenie, że udało mi się znaleźć take ciekawe forum i dotrzeć do kursów p. Mirosława.

Koduje sobie styl pod skrypt forum phpBB i mam problem kolorami linków, wydaje mi się, że przez zbyt duży bałagan w CSS, mianowicie wszystko działa w porządku, prócz linków odwiedzonych, bo zamieniają się na białe przez co są niewidoczne, nawet już hover wtedy na nie nie działa, screen:

a tutaj mój kod:

.dropdown a:link, .dropdown a:visited, .dropdown-contents a:link, .dropdown-contents a:visited {
	color: #657B7B;
	font-size: 12px;
}

.dropdown a:link:hover, .dropdown-contents a:link:hover {
	color: #000;
	font-size: 12px;
}

Dodatkowo, gdy użyję w cssie np. .dropdown a { to linku nie koloruje, musiałem napisać a:link, nie wiem dlaczego, próbowałem również .dropdown a:link:visited, ale także to nic nie daje. Dziękuję za pomoc :)

//edit, zamieszczam więcej kodu

<span class="userpanel2">
				<!-- IF S_REGISTERED_USER -->
					<!-- IF S_NOTIFICATIONS_DISPLAY -->
						<li class="linia dropdown-container dropdown-{S_CONTENT_FLOW_END} rightside" data-skip-responsive="true">
							<a href="{U_VIEW_ALL_NOTIFICATIONS}" id="notification_list_button" class="dropdown-trigger"><i class="fa fa-bell"></i> <p class="userpanel">{L_NOTIFICATIONS} [</p><strong>{NOTIFICATIONS_COUNT}</strong><p class="userpanel">]</p></a>
							<!-- INCLUDE notification_dropdown.html -->
						</li> | 
					<!-- ENDIF -->
						<!-- IF S_DISPLAY_PM -->
							<a href="{U_PRIVATEMSGS}" role="menuitem"><i class="fa fa-envelope"></i> <p class="userpanel">{L_PRIVATE_MESSAGES} [</p><strong>{PRIVATE_MESSAGE_COUNT}</strong><p class="userpanel">]</p></a> | 
						<!-- ENDIF -->
					<!-- EVENT navbar_header_username_prepend -->
					<div class="header-profile dropdown-container">
						<a href="{U_PROFILE}" class="dropdown-trigger"><i class="fa fa-user"></i> {S_USERNAME} <i class="fa fa-caret-down"></i></a>
							<div class="dropdown hidden">
								<div class="pointer"><div class="pointer-inner"></div></div>
									<ul class="dropdown-contents" role="menu">
									<!-- IF U_RESTORE_PERMISSIONS --><li><a href="{U_RESTORE_PERMISSIONS}"><i class="fa fa-share"></i>  {L_RESTORE_PERMISSIONS}</a></li><!-- ENDIF -->
									<!-- EVENT navbar_header_profile_list_before -->
									<li><a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem"><i class="fa fa-user"></i> {L_PROFILE}</a></li>
									<li><a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem"><i class="fa fa-eye"></i> {L_READ_PROFILE}</a></li>
									<!-- EVENT navbar_header_profile_list_after -->
									<li class="separator"></li>
									<li><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem"><i class="fa fa-power-off"></i> {L_LOGIN_LOGOUT}</a></li>
									</ul>
								</div>
							</div>
						<!-- EVENT navbar_header_username_append -->
				<!-- ELSE -->
					<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem"><button type="button" class="btn ql">{L_LOGIN_LOGOUT}</button></a>
					<!-- IF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) -->
					&nbsp;&nbsp;<a href="{U_REGISTER}" role="menuitem"><button type="button" class="btn">{L_REGISTER}</button></a>
					<!-- ENDIF -->
				<!-- ENDIF -->
				</span>

a tutaj kod skad pobiera css, jeżeli w .dropdown nic nie wpiszę:
 

span.userpanel2 a, span.userpanel2 a:hover, span.userpanel2 a:visited {
	font-size: 13px;
	color: #fff;
}