É possível dar um espaço ou colocar algo separando os links desse menu??

Qual é minha questão:
Tem como colocar um caractere para separar um link de outro no menu do fórum abaixo?
http://criartema.omeuforum.net/

Está assim:
Início  Calendário  FAQ  Buscar  Membros  Grupos  Perfil  Mensagens privadas  Sair [ Admin ]

Eu queria que ficasse assim:
Início | Calendário | FAQ | Buscar | Membros | Grupos | Perfil | Mensagens privadas | Sair [ Admin ]

Aqui está o CSS do menu:
#submenu{background-image:url(https://2img.net/h/oi42.tinypic.com/24loocj.jpg);position:relative;top:-8px;width:102.1%;height:28px;margin-left:-13px}#submenu ul{text-align:center}#submenu ul li a{color:white!important;float:none;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:normal}#submenu ul li a:hover{background-color:#F9D838;color:black!important;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;padding:5px}

Endereço do meu fórum:
http://criartema.omeuforum.net

Versão do fórum:
INVISION

Olá,

Adiciona este código em sua Folha de estilo CSS

Código:

#submenu ul li a {
border:2px solid #FFFFFF;
}

Até

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Visualização Imagens e Cores Cores Folha de estilos CSS

Código:

#submenu ul li a:after{clear:both;content:" | "; color:white; font-size: 12px}

Valide.

Melhores cumprimentos,
Today