# Hover works permanently instead of hovering

**URL:** <https://forum.kirupa.com/t/hover-works-permanently-instead-of-hovering/327596>\
**Category:** web dev\
**Created:** [March 13, 2012, 10:28am UTC](https://forum.kirupa.com/t/hover-works-permanently-instead-of-hovering/327596 "2012-03-13T10:28:26Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![FlashFish](https://avatars.discourse-cdn.com/v4/letter/f/b9e5f3/32.png) [@FlashFish](https://forum.kirupa.com/u/FlashFish)\
**Post date:** [March 13, 2012, 10:28am UTC](https://forum.kirupa.com/t/hover-works-permanently-instead-of-hovering/327596/1 "2012-03-13T10:28:26Z")

</div>

I’m attempting to build a CSS based menu. (There’s a little javascript in there also, apparantly IE needs this.)

Please remove the Xs from this url.  
[http://www.meXdiadispXlays.tv/2012/](http://www.meXdiadispXlays.tv/2012/)

I’m very close to what I want and i have some rollovers working fine on the main navigation (what i’m calling .menutitle). My issue is with the rollovers on the drop-down links (what I’m calling .menuitem) as they are displaying constantly. I have a solid colour (#333333) set as the basic background for these items although I never see this because my rollover image (orange background) is always displayed.

This is the code that works fine on my menu titles:

#nav li:hover .menutitle {  
background: url(images/navrollover.gif);  
}

and this is what’s not working properly on my drop-down items:

.menuitem{  
background-color: #333333;

}

#nav li:hover .menuitem {  
background: url(images/navbutton.gif);  
}

Thanks in advance for any pointers.