如何在导航菜单选项卡上更改底部边框宽度？

Question

我想在导航标签上缩小底部边框的宽度，这样它们就不会在左右两侧伸出。这是我目前为我的代码所做的，即使在添加bottom: 5px之后该行也没有调整。代码如下：

#headerNav nav .active a {  
    border-bottom: 1px solid #ffffff;
    color:#ffffff;
    position: absolute;
    bottom: 5px;
}    

导航项的底部边框：

任何人都知道怎么做？