Как реализовать плавное появление нижней границы в меню?

Question

[Дмитрий]

Добрый день.
Помогите пожалуйста реализовать такое меню как в твиттере. Чтобы нижняя граница плавно появлялась.
Вот так выглядит в твиттере: codepen.io/dshved/pen/CvLgz
А вот так у меня получается: codepen.io/dshved/pen/mbeLc

Answer 1

[Lefff]

codepen.io/anon/pen/pelaF

Answer 2

[Александр Хиренко]

Установите .button свойство overflow:hidden;

Answer 3

[IVAN SAVCHENKO]

В примере тег <a> обернут тегом<li>.
<a> задана фиксированная высота, он преобразован в блочный элемент, нижняя полоса задается через border-bottom по ховеру с transition'ом.