li hover on navigation menu

Question

Я просто пытаюсь попасть туда, чтобы быть функцией li: hover, которая превращает фон в один элемент списка черным при наведении. Пожалуйста, смотрите мой jsFiddle на here

<div id="sidebar"> 
<ul class="nav"> 
    <li id="home">home</li> 
    <li id="about">about</li> 
    <li id="blog">blog</li> 
    <li id="contact">contact</li> 
</ul> 

Answer 1

Дайте

position:relative; 
z-index:999; 

к .nav элементу

Демонстрация на http://jsfiddle.net/ATX9f/1/

Answer 2

#sidebar .nav li:hover { 
    background: black; 
} 

Answer 3

:before Ваш Интернет и :after имеют покрытие li S, поэтому вы не можете навести их. ваш код наведения корректен.

исправляются z-indexhere