css - Firefox でアクティブに修正しますか?

Question

リンクスタイルをクリックすると、すべての要素で起動しますactiveが、現在のみ必要です。修正はありますか？

HTML:

<nav>
    <div id="left-nav">
        <ul>
            <li class="active">
                <a href="#">Dashboard</a>
            </li>
            <li>
                <a href="#">Dashboard</a>
            </li>
            <li>
                <a href="#">Dashboard</a>
            </li>
            <li>
                <a href="#">Dashboard</a>
            </li>
            <li>
                <a href="#">Dashboard</a>
            </li>
        </ul>
    </div>
</nav>

CSS:

#left-nav {
    float: left;
    font-family: Tahoma;
    font-size: 13px;
    height: 38px;
    position: relative;
    width: 600px;
    min-width: 600px;
}

#left-nav li{
    display: inline-block;
    padding: 0 12px;
}

#left-nav li a {
    color: #fff;
    display: block;
    line-height: 35px;
    padding: 0 11px;
}

#left-nav li a:active{
    position: relative;
    top:1px;
}

#left-nav li.active a{
    display: block;
}