Odkaz nereaguje na CSS

Mám kód:

<a class="menici" href="st-historie.html"
title="historie skrytých titulků u nás">
<span style="background-color: #fffbc6; font-weight: bold">HISTORIE ST</span></a>

barvu pozadí mi to udělá, tučně to není. Záhada...

K čemu je tam ten span?
k tomu, aby bylo u písmen pozadí. Děsně moc tam majitel chce určitý obrázek, který má uprostřed žlábek a nápis je nečitelný.
Trošku jsem to předělal, bold už mi funguje, dalo by se říct, že téměř vše, ale mám další problém. Nad menu je obrázek, mezi nímž a menu je 2px mezera a neumím se jí zbavit.
Když jsem to dělal, dal jsem jednotlivým odkazům border, abych to viděl a když teď rámečky vyndám, odkazy se zvětší a celé se to rozhodí.
Je to na http://krata.bubakov.net/www/dj_quality/menu/menu1/menu_znovu.html
ty odskočené jsou orámovány červeně a modře

a když vyndám rámečky okolo odkazů, vypadá to takto
http://krata.bubakov.net/www/dj_quality/menu/menu1/menu_bez_border.htm l

a span má margin ;-)
myslel jsem, že když je display block a je v odkazu, který má nastavenou výšku 3x takovou, že by ho mít mohl. Hmm, tak asi ne. Nicméně kdyby Bubák místo těch dvou smajlíků napsal, jak to má být, to by bylo...

Tak jsem to tady trošku prolezl, našel Bubákův odkaz na interval, trošku si to přizpůsobil... Vypadá to slibně. Pouze:
1) splásnout k sobě
2) nějak podbarvit slova (to jsem měl ten span), aby to nebylo v onom žlábku nečitelné.

aha, ještě link
http://krata.bubakov.net/www/dj_quality/menu/menu1/menu_interval.html