Background vs Float [Ovillo]

[Jordi Buf� Caballero]

Buenas!

  Estamos creando una lista dentro de un div con un background. La lista
tiene un float:left para que se divida en varias columnas pero al poner
el float se "come" el background del div que lo contiene.

�Alguna idea?

Lo que pretendemos hacer es una lista en 4 columnas para hacer el t�pico
directorio con un color de fondo, pero sin tener que recurrir a las
tablas.

Gracias :)

C�digo css de la lista:


.col         {
        width: 100%;  
        margin: 0; 
        padding: 0;     
}
.col      li {
        float: left;    
        margin: 0;     
        padding: 0;          
        margin-left: 2.5%; 
        list-style-type: none;                  
}
.col.four li {
        width: 22.5%; 
        margin-left: 2.5%;      
}


C�digo css del div contenedor:

#directory { 
        width: 100%;
        background-color: #EBEBEB;
} 

C�digo html:

<div id="directory">
                <ul class="col four">
                        <li>Alfalfa</li>
                        <li>Patatas</li>
                        <li>Macarrones</li>
                        <li>Citricfos</li>
                        <li>Mercaditos</li>
                        <li>Pelotas</li>
                        <li>Rabanos</li>
                        <li>Valvulas</li>
                </ul>
        </div>

-- 
Jordi Buf� Caballero <[EMAIL PROTECTED]>
Neurotic, SCP - www.neuroticweb.com
Tel 938 492 028 | Fax 938 403 568
Can Gabatx, s/n - 08520
Les Franqueses del Valles 


_______________________________________________
Lista de distribuci�n Ovillo
Para escribir a la lista, envia un correo a [EMAIL PROTECTED]
Puedes modificar tus datos o desuscribirte en la siguiente direcci�n: 
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org