Espalhe o menu dinâmico na largura total da página

Eu tenho um menu horizontal dinâmico. Eu estou tentando fazer sempre 100% da largura da página. Portanto, se houver 6 ou 8 itens ou se eu quiser alterar o título de cada item, não precisarei redimensionar cada item novamente.

O menu buit como<ul> <li>Item 1</li> <li>Item 2</li> ... </ul> Lista. Por favor, veja como eu gostaria que fosse apresentado (imagem em anexo). Agora no meu html os itens terminam antes da largura total.

Alguma idéia de como resolver isso? Eu acho que se eu virasse o menu para a tabela ele iria consertar isso, mas eu prefiro não trabalhar com tabelas nesse caso.

Você pode ver o site aqui:insira a descrição do link aqui Obrigado.

questionAnswers(2)

yourAnswerToTheQuestion