Почему :after срабатывает для всех a?

Question

[arab789]

Для верхнего меню, нужно сделать при наведении на li, подчеркивание. Подчеркивание делаю через :after, но оно срабатывает сразу для всех li, как решить проблему?

Вот пример jsfiddle.net/bsj8wmga

Comments

[zooks]

Зачем делать подчеркивание через :after? Чем border-bottom не угодил?

Answer 1

[Кирилл Миченус]

#menu ul li a { float: left; display: block; position: relative;}

Comments

[arab789]

Спасибо!

[Cyril Diamandi]

Написал комментарий, увидел ваше решение, призадумался, удалил :)