Menu css background

[DoPeY-BBS]

Código CSS:

<style type=text/css>
*   {
    margin: 0;
    padding: 0;
}
 
 body {
        background-color: #121212;
        margin: 0;
        padding: 0;
        font-size:13px;
        font-family:Arial, Helvetica, sans-serif;
        line-height: 16px;
    }
    
#Contenedor {
        width:1000px;
        background-color:  #222;
        margin: 0 auto;
        
}
#Cabecera {
        background-color: #333;
        padding:30px;
        }
h1 {
font-size:25pt;
margin:0;
}
 
h2 {
font-size:15pt;
color:#FFFFFF;
padding-top:20px;
}
a {
color:#FFFFCC;
text-decoration:none;
}
 
a:hover {
text-decoration:underline;
}
#menu {
    background-color: #A52A2A;
}
 
#menu ul {
    list-style: none;
}
#menu ul li {
    float: left;
 
}
 

EL problema consiste en que en #menu no acepta el background y estoy usando el komodo edit y el firefox (ultimas versiones ambos)

si quito el float left pues el background aparece ¿a que se debe esto?

Código HTML:

<div id="Contenedor"><!-- Principio Contenedor -->
         <div id="Cabecera"><!-- Principio Cabecera -->
            <div id="logo">
         <h1><a href="#">Black & Death Metal por un tubo</a></h1>
                <h2>Un placer para tus oidos </h2>
         </div>
            </div><!-- Final Cabezera -->
         
        <div id="menu">
             <ul>
                 <li><a href="inicio.html">INICIO</a></li>
                 <li><a href="biografia.html">BIOGRAFIA </a></li>
                 <li><a href="contacto.html">CONTACTO</a></li>
            </ul>
        </div>