Inserir imagem entre campos

olá pessoal

estou começando com css e tenho uma duvidazinha

como faco pra colocar uma imagem entre 2 <li>

assim : | home | cadastro | teste |

<li>home</li>

 <li>cadastro</li>

 <li>teste</li>

meu css ta assim:

#tudo #topo #menu ul li{ display: block; float: left; margin: 0 4px; padding: 6px 8px 8px; display: block; background-image: url(imagens/cabecalho_divide_menu.gif); background-repeat: no-repeat; background-position: right top;}mas a imagem nao ta beeem no meio... fica todo desconfigurado

obrigado

abç

Wilson