No logro centrar menu horizontal

[iorio]

Bueno ahi si corrigio algo, bastante bien pero no perfecto, queda un poquito descentrado, ademas se mueve segun el scroll o tamaño del explorador, incluso me quedan en 2 lineas, a igual que las imagenes se salen de contexto si acerco mucho, como se puede mejorar esto?

mi css quedo asi:

Código CSS:

#tabs {
      background: #333;
      font-size: 110%;
      line-height: normal;
      text-align: center;
      } 
 
    #tabs li {
      display: inline-block;
    }
      
    #tabs a {
      background: #333;
      text-decoration: none;
      }
      
    #tabs a span {
      display: inline-block;
      background: #444;
      padding: 5px 5px 5px 6px;
      color: #FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#FFF;
      }
    #tabs a:hover {
      background:#333;
      }
    #tabs a:hover span {
      background:#222;
      }