spazio di un li tramite css

[Simpz]

Salve a tutti,
io ho un menu così fatto

<div id="menu">
 <ul>
    <li class="menualto">nbsp;
    <li class="menualto">nbsp;
    <li class="menualto">nbsp;
    <li class="menualto">nbsp;
    <li class="menualto">nbsp;[/list]
</div>

e vorrei che ogni[*] avesse una lunghezza prefissta grande quanto l'immagine di sfondo che gli voglio mettere quindi mi sono andato a spulciare un pò di siti e ho trovato un frammento di css fatto in questa maniera

#menu li
{
    display: inline;
    width: 500px;
    height: 100px;
}
.menualto a
{
    background: url(../img/bottone_bianco.png) no-repeat;
    width: 100px;
    height: 38px;
}
.menualto a:hover
{
    background: url(../img/bottone_hover.png) no-repeat;
}

Ma la spaziatura di 100px e di 38px come detto dal css non la prende... cosa ho sbagliato? Qualcuno mi sa dare qualche dritta? (non funge ne su firefox ne su ie6)

Grazie a tutti

Simpz

P.S. ho omesso i & in nbsp