Problema con menu Horizontal

[devsalinas]

Hola amigos, tengo un breve problema.

he creado una LISTA para un menú horizontal con la propiedad de FLOAT:left, y a su vez trato que aparezcan centrados dentro de un contenedor con un background...
el problema es que no aparece ni el contenedor y todos a la izquierda


CSS

Código CSS:

div#botones {
    background-color:#232323;
}
 
div#botones ul li {
    width:auto;
    padding:3px 15px;
    float:left;
}
div#botones ul li:hover {
    border-bottom:5px solid #ffdb00;
    background-color:#ffdb00;
}
 

HTML

Código HTML:

<div id="botones" >
            <ul class="center">
                <li>Hosting</li>
                <li>Diseño Web</li>
                <li>Posicionamiento en Google</li>
                <li>E-Mailing</li>
                <li>Formas de Pago</li>
                <li>Metodología de Trabajo</li>
                <li>Contacto</li>                
            </ul><br class="clear" />
        </div>