problema con capa de menu

[pilopi123]

ola amigos bueno es que tengo un menu para mi web echo con css y html.
el cual tiene estos codigos

Código HTML:

<div id="navegador">
  <ul>
  <li><a href="index.html" title="Home"  class="current">Home</a></li>
  <li><a href="blog.html" title="Blog">Blog</a></li>
  <li><a href="foro.html" title="Foro">Foro</a></li>
  <li><a href="tutoriales.html" title="Tutoriales">Tutoriales</a></li>
  <li><a href="about.html" title="Sobre Nosotros">Sobre Nosotros</a></li>
  </ul>
</div>
 

Código CSS:

#navegador ul{
   list-style-type: disc;
   text-align: center;
    border-radius: 10 px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
    
#navegador li{
   display: inline;
   text-align: center;
   margin: 0 10px 0 0;
    float: none;
    clear: both;
    list-style-type:circle;
    padding-top: 50%;
    padding-bottom: 50%;
border-radius: 10 px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#navegador li a {
   padding: 2px 7px 2px 7px;
   color: #ffffff;
   text-decoration: none;
    float: none;
    clear: both;
    background-image: url(imagenes/menu%20inactivo.jpg);
 
    list-style-type:circle;
    border-radius: 10 px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
 
    
}
#navegador li a:hover{
   color: #58cdfd;
    float: none;
    clear: both;
    background-image: url(imagenes/menu%20activo.jpg);
    list-style-type:circle;
    border-left-color: url(imagenes/menu%20inactivo.jpg);
    border-left:  10px solid;
    border-radius: 10 px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
 
#navegador  .current {
    color: #58cdfd;
    clear: both;
    background-image: url(imagenes/menu%20activo.jpg);
    list-style-type:circle;
    border-radius: 10 px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
}
 

bueno ahora el problema es que mi menu se auto ajusta cuando me modifica le vetana del navegador y yo no quiero eso quiero que la capa se quede en el centro

¿Como hago esto?