keep hover over image on current menu item

I have a wordpress template that I am customizing for a friend of mine.  There is a superfish menu that applies a hover over image "navhov.png" to the menu on mouseover.  I wanted to keep the image on the menu item that is marked as current-menu-item in the class but I think my syntax is off as the image is not being applied.  

Any help would be appreciated.

http://www.sendright.com/draft/dial

gwarcherAsked:
Who is Participating?
 
David S.Connect With a Mentor Commented:
If I understand what you want correctly, you should replace the current "#nav li a:hover" rule with this one:
#nav li a:hover,
#nav li.current-menu-item>a {
  background: url("images/navhov.png") right top;
  color: #FFF;
}

Open in new window

0
 
SSupremeCommented:
you need image to be applied on li so use this:
#nav li:hover {
    background: url("images/navhov.png") repeat scroll right top transparent;
    color: #FFFFFF;
}
istead of this:
#nav li a:hover {
    background: url("images/navhov.png") repeat scroll right top transparent;
    color: #FFFFFF;
}
0
 
gwarcherAuthor Commented:
worked perfectly.  Thanks!
0
Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

 
SSupremeCommented:
So, my solution doesn't work?
0
 
gwarcherAuthor Commented:
I'm sorry, did I break protocol by not trying yours first?  I apologize for that.
0
 
SSupremeCommented:
No problem, but it as about question and possible solutions, you can accept multiple solutions.
It isn't nice to ignore any effort was made.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.