Centrar div (width dinamico)

[davidbrepe]

Código HTML:

<div id="nav_principal">
    <div id="navegacion">         
         <ul>
             <li><span class="imagen" >
                 <img  src="phpBB3/download/file.php?avatar=<?php echo $row_consulta_datos['user_avatar']; ?>" />
                 </span>
              </li>
        </ul>
    </div>
</div>
 

he resumido el numero de <li> para que sea más comprensible, supongo que eso sera insignificante

Código CSS:

#navegacion li {
float:left ; 
list-style:none ; 
margin: 0px 0px 0px 0px;
 
}
 
#nav_principal { 
margin-left:auto; 
margin-right:auto;
}
#navegacion { 
margin-left:auto; 
margin-right:auto;
}
 

el div nav_principal si que se centra ;) pero el navegación no.
Tambien porbe a ponerle margin: 0 auto; al <ul>

tengo este css eredado el cual no puedo tocar

Código CSS:

ul, menu, dir {
    -moz-padding-start: 40px;
    display: block;
    list-style-type: disc;
    margin: 1em 0;
}