Pequeña consulta de CSS

[Jaimemartin]

Muy buenas.

Estoy haciendo unos retoques a mi plantilla prestashop. El caso es que la barra donde te dice en que sitio de la pagina estás (breadcrumb) no puedo quitarle el espacio del "top" solo he logrado una pequeña imagen que hay dentro, pero quiero hacer lo mismo con los <span> pero en estos no he sido capaz.

Os dejo el código:

Código HTML:

<!-- Breadcrumb -->
<div class="breadcrumb">
	<a href="http://localhost/tiendaonline/" title="Volver a Inicio"><img src="http://localhost/tiendaonline/themes/default/img/icon/home.gif" height="26" width="26" alt="Inicio"></a>
		<span class="navigation-pipe">&gt;</span>
			<a href="http://localhost/tiendaonline/index.php?id_category=3&amp;controller=category&amp;id_lang=1" title="ACCESORIOS">ACCESORIOS</a><span class="navigation-pipe">&gt;</span>iPod shuffle
			</div> 

CSS:

Código:

.breadcrumb {
	margin-bottom:10px;
	font-size:12px
}
.breadcrumb .navigation-pipe {margin:0 3px 0 5px}
.breadcrumb img {
	position:relative;
	top:0px
}

Supuestamente es quitando el 5px de ((.breadcrumb .navigation-pipe {margin:0 3px 0 5px})) Pero no es así. Como lo soluciono. Gracias!