Как растянуть пункты меню по всей ширине родительского блока?

Есть обычная навигация:

HTML:

<nav>

    <ul>

        <li><a href="">Продукция</a></li>

        <li><a href="">Сообщества</a></li>

        <li><a href="">Мероприятия и акции</a></li>

        <li><a href="">Поддержка</a></li>

    </ul>

</nav>

CSS:

nav {

    font-size: 0;

    line-height: 0;

    letter-spacing: -1px;

}



nav li {

    display: inline-block;

}



nav a {

    display: block;

    background: #000;

    padding: 0 10px;

    font-size: 17px;

    line-height: normal;

    letter-spacing: normal;

    color: #fff;

}



nav li:nth-child(2n) a {

    background: #666;

}

Как пункты меню растянуть по всей ширине блока nav, чтобы padding у всех ссылок был одинаковым?