problemi con menu in CSS

[shadyz]

Perché la casella span mi viene con lo sfondo1 invece che con lo sfondo2 ?
Ecco il mio menu:

<div id="menu">
        <ul>
            [*]<span>Indice</span>
            [*]<a>Link 1</a>
            [*]<a>Link 2</a>
            [*]<a>Link 3</a>
        <ul>
</div> 

#menu ha i seguenti attributi

#menu {
height: 25px;
background: url(sfondo1.jpg) top repeat-x;
} 

#menu li invece ha questo

#menu li {
display: inline;
} 

mentre #menu li a ha questi

#menu li a {
float: left;
padding: 5px;
background: url(sfondo1.jpg) top repeat-x;
} 

#menu span invece ha le seguenti caratteristiche:

#menu span {
float: left;
background: url(sfondo2.jpg) top repeat-x;
} 

[Mich_]

Ci sono errori di logica e di sintassi nel tuo CSS.

Non puoi inserire un blocco dento un elemento inline (il tuo <a> diventa un blocco, dato che usi il float, mentre il[*] lo hai trasformato in inline).
Lascia il[*] a blocco, ed eventualmente dai il float al[*], anziche` agli elementi contenuti.
Il <a> forse lo devi rendere blocco, e con width e height al 100%, per non creare sfondi assurdi.

Tieni presente che l'ordine dei CSS e` importante: in linea di massima una dichiarazione successiva sovrascrive una precedente.

Se usi la forma sintetica di background devi rispettare l'ordine dei valori:
color image repeat attachment position
Non e` necessario che siano tutti presenti, ma l'ordine deve essere quello
Inoltre il position e` formato SEMPRE da due valori (altrimenti qualche brtowser si arrabbia): nel tuo caso metti
top center
(immagino che lo vuoi centrato in orizontale)