Zobrazovaná šířka ve FF/IE

Jak se znám, bude to nějaká triviální chybka, co mi brání vyřešit tenhle problém. Ze svého subjektivního hlediska jsem však víceméně došel na hranici svých možností, tak vám ho tady předkládám, jak byste to případně dělali vy.
Mám položku seznamu, v ní link a, tomu jsem v css přidal nějaké pozadí a šířku+výšku, obsah a nevyplňuje celý tento prostor. V IE to nějak chodí, problém je však ve FF, kde je tomu sice přiřazena ta správná výška a šířka, ale pozadí se zobrazuje jen za samotným obsahem linku.
Zatím jsem to sám nějak ošmelil tak, že jsem dal k tomu a ještě span, který je vyplněn tečkami a jeho barva je stejná jako jeho pozadí a overflowuje do hidden. Není to ale asi to správné řešení :), protože jsem viděl podobné věci, jako chci docílit úplně normálně, nevím ale co mám v kódu jinak...

Dík :)

Pro extrémní zájemce tu mám kód, není však podle mě třeba k řešení číst.
(X)HTML

<div id="navigace">

            <ul>

              <li><a href="#">Nadpis menu<span>. . . . . . . . . . . . . . </span></a></li>

              <li><a href="#">Nadpis menu<span>. . . . . . . . . . . . . .</span></a></li>

            </ul>

          </div>

CSS (vzhledu)

#navigace ul{

list-style-type:none;

}



#navigace li a{

font-size:0.9em;

background-color:gold;

border-left:0.5em solid black;

}



#navigace ul li a span{

text-decoration:none;

color:gold;

font-size:0.9em;

}

CSS(konstrukční)

#navigace ul{

width:13em;

margin:0;

padding:0;

}



#navigace ul li {

width:13em;

height:1.5em;

overflow:hidden;

}



#navigace ul li a{

visibility:visible;

line-height:1.5em;

height:1.5em;

margin:0;

padding:0;

padding-left:0.8em;

width:100%;

}



#navigace ul li span{

width:100%;

}

Ehm sory, odpovím si sám, zapomněl jsem tomu nastavit display block :-ú, co jsem říkal, prosím smažte.