Facing problem in coding for theme

why the results are different in case of header and footer?
#specification:footer currently visited menus don’t show either background or text until hover

/*————-site header menus———-*/
.site-header nav ul li {
margin-right:8px;
}
.site-header nav ul li a:link,
.site-header nav ul li a:visited{
display:block;
padding:10px 18px;
border: 1px solid #BBB;
border-bottom:none;
text-decoration:none;
}
.site-header nav ul li a:hover{
background-color: #ECECEC;
}

.site-header nav ul li.current-menu-item a:link,
.site-header nav ul li.current-menu-item a:visited {
background-color: #006ec3;
color:#FFF;
}
/*—————————footer menu———————*/

.site-footer nav ul li a:link,
.site-footer nav ul li a:visited {
display:block;
padding:10px 18px;
border:1px solid #BBB;
margin-top: 15px;
margin-right: 8px;
text-decoration:none;
}
.site-footer nav ul li a:hover {
background-color: #ECECEC;
}

.site-footer nav ul li.cuurent-menu-item a:link,
.site-footer nav ul li.current-menu-item a:visited {
background-color: #006ec3;
color:#FFF;
}

The page I need help with: [log in to see the link]