Hover image in CSS not working

furAmeguggecy

New Member
On http://www.elitedeafpoker.com/dev/index.html on the navbar there is a little gray indicator icon underneath "PLAYERS" when I hover the (class) sub-menu area and it will not display the white indicator icon. http://www.elitedeafpoker.com/dev/img/indicator-hover.png is an image showing two icons in one image (you cannot see the white icon there).CSS\[code\].nav-collapse_ .nav > li.sub-menu:after { position: absolute; top: 100px; left: 50%; display: block; margin-left: -4px; width: 8px; height: 3px; background: url(../img/indicator-hover.png) 0 0; content: '';}.nav-collapse_ .nav > li.sub-menu:hover { background: url(../img/indicator-hover.png) 0 -10px; }\[/code\]HTML\[code\]<div class="nav-collapse nav-collapse_ collapse"> <ul class="nav sf-menu clearfix"> <li class="sub-menu"><a href="http://stackoverflow.com/questions/15864617/poker-players.html">PLAYERS</a> <ul> <li><a href="http://stackoverflow.com/questions/15864617/poker-players.html">EDPS PLAYERS</a></li> <li><a href="http://stackoverflow.com/questions/15864617/poker-players.html#">PLAYERS OF THE MONTH</a></li> <li><a href="http://stackoverflow.com/questions/15864617/poker-players.html#">PLAYERS OF THE YEAR</a></li> </ul> </li> <li><a href="http://stackoverflow.com/questions/15864617/shop.html">SHOP</a></li> <li><a href="http://stackoverflow.com/questions/15864617/news-events.html">NEWS & EVENTS</a></li> <li><a href="http://stackoverflow.com/questions/15864617/founders.html">FOUNDERS</a></li> <li><a href="http://stackoverflow.com/questions/15864617/contactus.html">CONTACT US</a></li> </ul></div>\[/code\]
 
Back
Top