Imagen se solapa con borde superior en Firefox... ¿por qué?

[JBRS]

Arghh, ¡con el display:block funciona... pero lo que tengo al lado me lo baja!

(pongo lo que tengo al lado)

<span class="menunombre">SECCION A </span>
<span class="menunombre">SECCION B </span>
<span class="menunombre">SECCION C </span>


y su css...

.menunombre{font: 8px Verdana;
color: #A0A0A0;
border-right: 1px solid #c0c0c0;
border-left: 1px solid #000000;
margin-bottom : 0px;
line-height:16px;padding: 5px 0 5px 18px;
margin-top:0px;margin-left:0px;
background-image: url('fondomenudegrcab2.gif');
}


¿Qué hace el display block exactamente? ¿por qué sin él la img tapaba la raya?

Y sí, he de optimizar MUCHO código.