Problema para centrar lista en div

[bengiss]

Hola a todos, tengo un problema al tratar de centrar un elemento UL en mi pagina, el codigo HTML es el siguiente:

Código HTML:

<div id="footer">
    <ul>
         <li class="first">Test 1</li>
         <li>Test 2</li>
         <li>Test 3</li>
         <li class="last">Test 4</li>
     <ul>
     <p>Copyright 2010.</p>
 </div><!--end #footer-->
 

Y el CSS:

Código CSS:

#footer {
    clear: both;
    font-size: 0.85em;
    padding: 0 40px 0 40px;
    overflow: hidden;
    text-align: center;
}
 
#footer ul{
    list-style: none;
}
 
#footer ul li {
    float: left;
    border-right: 2px solid #2e3192;
    padding: 0 15px 0 15px;
}
 
#footer ul li.first {
    padding: 0 15px 0 0;
}
 
#footer ul li.last{
    border-right: none;
    padding: 0 0 0 15px;
}
 
#footer p{
    clear: both;
    padding-top: 10px;
}
 

Basicamente es una lista con los items flotados a la izquierda para mostrarla en linea, y debajo un texto dentro de un elemento P, este ultimo se centra dentro del div "footer" por la propiedad text-align : center pero la lista UL se muestra a lineada a la izquierda todavia. Alguien sabe que puedo hacer para solucionarlo?

Muchas gracias de antemano

[WingzemonX]

¿has intentado poner el text-align : center en UL o en LI?

Código:

footer ul{
    list-style: none;
    text-align:center;
}

o

Código:

footer ul li {
    float: left;
    border-right: 2px solid #2e3192;
    padding: 0 15px 0 15px;
    text-align:center;
}

[bengiss]

Si amigo, coloque uno, el otro, ambos, y nada...

[ArturoGallegos]

por como tienes el menu no necesitas el float:left en los <li> para mostrarlos en una linea, cambia tu css por este

Código CSS:

#footer {
    clear: both;
    font-size: 0.85em;
    padding: 0 40px;
    overflow: hidden;
    text-align: center;
}
 
#footer ul{margin:0;padding:0;
    list-style: none;
}
 
#footer ul li {
    display:inline;
    border-right: 2px solid #2e3192;
    padding: 0 15px;
}
 
#footer ul li.first {
    padding: 0 15px 0 0;
}
 
#footer ul li.last{
    border-right: none;
    padding: 0 0 0 15px;
}
 
#footer p{
    clear: both;
    padding-top:10px;
}
 

[bengiss]

gracias, asi funciono, no habia pensado colocarlo inline.