[SOLUCIONADO] Menu hecho de lista con fondo

[GonzaFY]

Apenas estoy empezando con el CSS porque antes no sabia ni que era util... Bueno estoy intentando hacer un menu con listas, mi html es:

Código HTML:

<ul id='menu'>
            <li><a href='#'>INICIO</a></li>
            <li><a href='#'>PELICULAS</a></li>
            <li><a href='#'>JUEGOS</a></li>
            <li><a href='#'>INGRESAR</a></li>
            </ul>
 

Y mi CSS:

Código CSS:

#menu {
    padding: 0px;
    height: 34px;
    list-style: none;
    width: 100%;
    background: #2175bc;
    text-align: center;
    
}
 
#menu li a{
    font-family: Arial;
    font-size:11px;
    text-decoration: none;
    background-color: #2175bc;
    color: #fff;
    display: block;
    float: left;
    padding: 10px;
    
 
}
 

Al #menu le agregue un color de fondo para rellenar el espacio que queda libre ya que el menu es horizontal, el problema es que para centrar el INICIO , PELICULAS , etc, como tienen padding tengo que hacer mas grande el #menu por lo que le agregue height: 34px; pero no hay otra forma de hacerlo?
No se si me explico pero quiero que la altura del #menu (<ul> sea del tamaño que requiera #menu li ... Espero que me comprendan..

Saludos.

[laura_moreno14]

Creo que si al #menu le añades overflow:hidden, le puedes quitar el height y siempre tendra la misma altura que los elementos de la lista.

[GonzaFY]

Iniciado por laura_moreno14

Creo que si al #menu le añades overflow:hidden, le puedes quitar el height y siempre tendra la misma altura que los elementos de la lista.

Muchas gracias, me sirvio!