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;
}