:hover state is still active after going back in browser by using browser back-button
<p>I hover over an link in my nav and it changed its color.</p>

<p>I have a strange problem in Firefox and Safari: when i go back in the browser(by clicking the back-button with the mouse) after hovering a link the color of the link does not change to its original state. It has the hover-state.</p>

<p>Only after the mouse reenters the site the color is changed back to black.
What can i do to change the color of the link back to black immediately on pageload. Why the hover-state seems to be active on pageload?</p>

<p>This happens when I hover a link an afterwords I go directly with the mouse to the back button of the browser. </p>

<p>Thanks a lot!</p>

<h3>My css :</h3>

<pre><code>a {
    outline: none;  
    border: none;
    text-decoration: none;
}

a:link {
    color: black;
} 

a:hover, a:active {
    color: rgb(120,140,150);
}
</code></pre>