Как растянуть элементы списка по ширине родителя?
Как вариант, можете задать для ul свойство display: table, а для li — как ячейки таблицы (table-cell) для схожего поведения. Рассмотренный пример на StackOverflow находится тут.
Для Вашего случая должно получиться примерно вот так
1) Убрать display: inline-block;
2) Поставить width: 100%