menu não quebra com float ao redimensionar tela

[marcelocardoso 6]

galera..

to com o seguinte css, o código cria meus blocos certinhos, porém, ele não quebra ao redimensionar a tela...
já coloquei o FLOAT:LEFT, mas não quebra os blocos um abaixo do outro.

o que tem de errado:

        #menu ul {
            color: white;
            list-style: none;
            padding: 0px;
            margin: 0px;
        }

        #menu ul li {
            display: inline;
        }

        #menu ul li a {
            padding-top: 25px;
            padding-bottom: 25px;
            vertical-align: middle;
            text-align: center;
            display: table;
            transition: background-color 1s, color 1s;
            transition-timing-function: ease-out;
            width: 20%;
            text-decoration: none;
            float: left;
        }

        #menu ul li a:hover {
            color: orange;
            background-color: white;
        }

[marcelocardoso 6]

obrigado pessoal.
consegui resolver...

[L. Henrique 179]

Marcelo,

Não esqueça de definir o tópico como resolvido e se possível informar a solução. Isso ajuda outros usuários do fórum que possuem dúvidas semelhantes a acharem uma solução.

Abraços!