cas45+ 0 Report post Posted August 3, 2011 On my site http://sandboxes.kashmirhouston.com/sandbox7/ I currently have navigation where the first element has three states. #site #menu-item-87 a{ background: url(images/nav-sprites.jpg) no-repeat 0 0; } #site #menu-item-87.current-menu-parent a{ background: url(images/nav-sprites.jpg) no-repeat 0 -136px; } #site #menu-item-87 a:hover{ background: url(images/nav-sprites.jpg) no-repeat 0 -68px; } This all works great. What I need now is the hover state to remain active when your cursor slides down over the sub-nav below. Can I get some help with the CSS please. When it is done I want it to function like the static HTML version I built here http://www.maidenkanadah.com/ Share this post Link to post Share on other sites
catrina 103 Report post Posted August 3, 2011 There is code provided here that you can try: http://www.welovecss.com/showthread.php?t=5422 Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
cas45+ 0 Report post Posted August 3, 2011 It took some rewriting of my CSS but I got it working. Thanks Catrina Share this post Link to post Share on other sites