[HTML][CSS] Jak wyśrodkować zawartość <li> ? Opcje

[-wasilek-]

Mam taki css:

Kod

#menu
{

    width: 100%;
    top: 0em;
    left: 0em;
    background: #3EED2C;
    height: 4.5em;
}

#menu ul
{
    list-style: none;
    bottom: 0em;
    left: 1em;
}

#menu li
{
    display: block;
    float: left;
}

#menu li a
{
    color: #fff;
    display: block;
    padding: 0.75em 1.25em 1.25em 1.25em;
    text-decoration: none;
}

#menu li a:hover
{
    background: #39A404;
}

A html mam taki:

Kod

<div id="menu">
    <ul>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
        <li><a href="#">Mwenu</a></li>
    </ul>
</div>

Co zmienic w css zeby wszystkie linki byly wycentrowane a nie po lewej stronie? Gdy w #menu li daje float: center; to nie dziala i wszystkie linki sie pokazuja pionowo zamiast poziomo ;/