# Can a:hover over-ride a:visited?

**URL:** https://forum.kirupa.com/t/can-a-hover-over-ride-a-visited/307877
**Category:** web dev
**Created:** [April 12, 2010, 4:19pm UTC](https://forum.kirupa.com/t/can-a-hover-over-ride-a-visited/307877 "2010-04-12T16:19:19Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![celicasaur](https://avatars.discourse-cdn.com/v4/letter/c/f1d935/32.png) [@celicasaur](https://forum.kirupa.com/u/celicasaur)
#### Post date: [April 12, 2010, 4:19pm UTC](https://forum.kirupa.com/t/can-a-hover-over-ride-a-visited/307877/1 "2010-04-12T16:19:19Z")

</div>

I’ve made this little menu bar where a small image appears on rollover. When the link has been clicked, I want a different image to display via the a:visited property (which it does). However, when the user re-hovers over the same link on the original screen, i want the standard image to still over-ride the visted image…does that make sense to you?

Here’s a link to the site, so you can see what I mean:  
[http://www.conso-mail.com/SiteRender.aspx?SiteID=4&themeid=4](http://www.conso-mail.com/SiteRender.aspx?SiteID=4&themeid=4)

Here’s relevant code:

```auto
#FooterNav li a:hover {
    color: #999;
    background-image: url('http://images.acxiomonline.com/images/rrahma/FR/Sub-page-box-triangle.gif');
   }
   #FooterNav li a:visited {
    color: #ccc;
    background-image: url('http://images.acxiomonline.com/images/rrahma/FR/Sub-page-box-tick.gif');
   }

```

Any ideas guys?