Question

I’ve got problem with link styling –
hover and active works, but link doesn’t, what am i doing wrong?
How can i fix this problem?

    #nav{padding: 5px 230px 10px 230px;}

#nav li{
    display: inline-block;
    list-style: none;
    margin: 5px;
    padding: 1px;
    font: 20px Century Gothic;      
}

    a.navlink:link{
        color:#06AD00;
        background: white;
        border-top: 1px #958A7E solid;  
        border-bottom: 1px #958A7E solid;
        cursor:pointer;
    }
    a.navlink:visited{}
    a.navlink:hover {
        color: black; 
        background: white; 
        border-top: 1px black solid;    
        border-bottom: 1px black solid; 
        cursor:pointer;
    }
    a.navlink:active {
        color: red; 
        background: white;
        border:0;
        cursor:pointer;
    }

Answer 1

I’ve had this same problem with certain versions of Opera and older IE. I’ve always avoided the :link pseudo-class in favor of just a natural a style – never quite understood the reason why, but :link was always 50/50 while natural a has never failed.

Try this instead for your :link style:

a.navlink{
    ...
}

This will only create a default state for your a.navlink elements – the other pseudo-classes will still modify it properly. If it doesn’t fix things for you, then my next guess would be you’ve got a conflicting style somewhere. Hard to know for sure without getting our hands on the rest of the source.