Self-link not styling ???

[ironblaze94]

The self links aren't styling correctly, the hover never works 

I've checked the code and everything is correct, is there something i am missing ?

[Dr.CSS]

Have a link or more info?...

[ironblaze94]

here is the page

http://www.imperio.co.za/index.php?page=testimonials

the top menu is in cms, but the sub menu is not, (this is just a temporary conversion as there is a new design in the next months or so, that's why i am not spending time making the sub-menu in cms)

the links are styled like this

a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
color: #EAEAEA;
        text-decoration: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
color: red;
        text-decoration: none;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
color: #EAEAEA;
        text-decoration: none;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
color: #EAEAEA;
        text-decoration: none;
}

as you can see i said for the hover to be red for the stark contrast, but nothing

[Dr.CSS]

You have a CSS attached to the template called 'Navigation: CSSMenu - Horizontal' in it you will see this, add your color call here for the top menu...



/* Styling the apperance of menu items on hover */

#primary-nav li:hover,  change to a:hover
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
        color here
}