[Resolvido] Separador de Menu

Pessoal ja vi varios topicos falando sobre separador de menu, tenho um menu vertical e queria colocar um separador entre os menus, o codigo css

do menu está assim:

.Left .BlockContent a { text-decoration:none; color:#333;}

.Left .BlockContent ul li a:hover {text-decoration:underline;}

.Left .BlockContent ul li {margin-top:5px;background-image:url(../img/separar.gif);}

.Left .BlockContent ul li a {text-decoration:none; color:#243061;font-size:12px;}

.Left .BlockContent ul li ul a { text-decoration:none; color:#666; font-size:11px;}

.Left .BlockContent ul li ul li ul a { text-decoration:none; color:#666; font-weight:normal; font-size:11px;}

podem o separador que é de apenas alguns pixels, cobre o fundo do texto como podem ver na imagem:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img97.imageshack.us/img97/2042/menugt.jpg&key=a86b75ff7b565250cdc360115085d5ad30ee03b332be734b588f44e2c68815b9" alt="menugt.jpg" />

e quando adiciono o

.Left .BlockContent ul li {margin-top:5px;background-image:url(../img/separar.gif) repeat-y;}

ou o no-repeat ele some o separador,

podem me dar uma luz?

sou iniciante e agradeço quem puder ajudar =)

abraços a todos