Si lo que deseas es nada mas tener esa lista de enlaces horizontalmente, suficiente con un display: inline para el <li>
Código:
#indice_inferior ul li {
margin-left: 5px;
display: inline;
}
Por otra parte, cuando mencionaste que al darle un ancho te afecta los "|", lo que podrias hacer es definirle una clase a los <li> que contienen esas separaciones, y via CSS darle un ancho menor a esa clase.
Cita:
Iniciado por darkgaze 
Ojalá hubiera unas web developer tools como en Mozilla para poder ver qué espacio ocupa cada elemento y comprobar.
No se si esto se acerca a lo que deseas para IE:
Internet Explorer Developer Toolbar