Наведение изображения в CSS не работает

Question

На http://www.elitedeafpoker.com/dev/index.html на навигационной панели внизу появляется надпись «PLAYERS», когда я нахожу область подменю (класса), и на ней не отображается значок белого индикатора. http://www.elitedeafpoker.com/dev/img/indicator-hover.png - изображение, показывающее две иконки в одном изображении (вы не можете видеть там белый значок).

CSS

.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; 
    } 

HTML

<div class="nav-collapse nav-collapse_ collapse"> 
    <ul class="nav sf-menu clearfix"> 
     <li class="sub-menu"><a href="poker-players.html">PLAYERS</a> 
      <ul> 
       <li><a href="poker-players.html">EDPS PLAYERS</a></li> 
       <li><a href="poker-players.html#">PLAYERS OF THE MONTH</a></li> 
       <li><a href="poker-players.html#">PLAYERS OF THE YEAR</a></li> 
      </ul> 
    </li> 
     <li><a href="shop.html">SHOP</a></li> 
     <li><a href="news-events.html">NEWS &amp; EVENTS</a></li> 
    <li><a href="founders.html">FOUNDERS</a></li> 
    <li><a href="contactus.html">CONTACT US</a></li> 
    </ul> 
</div> 

Answer 1

Я считаю, что ваш

.nav-collapse_ .nav > li.sub-menu:hover 

Должен быть изменен на

.nav-collapse_ .nav > li.sub-menu:hover:after 

, чтобы исправить эту проблему